Colore con nome · #6C7068
Queen Valley
Queen Valley è #6C7068: rgb(108 112 104), hsl(90 4% 42%), oklch(0.539 0.013 128.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Queen Valley color name →
#6C7068
oklch(0.539 0.013 128.7)
Conversioni di colore
- HEX
- #6c7068
- RGB
- rgb(108 112 104)
- HSL
- hsl(90 4% 42%)
- HWB
- hwb(90 41% 56%)
- OKLCH
- oklch(0.539 0.013 128.7)
- OKLab
- oklab(0.539 -0.008 0.01)
- CIE Lab
- lab(46.7 -2.79 3.91)
- LCH
- lch(46.7 4.8 125.5)
- CMYK
- cmyk(4% 0% 7% 56%)
Tinte · Ombre · Toni
Tinte
- 7A7D76
- 878B84
- 969993
- A4A7A1
- B3B5B0
- C2C3C0
- D1D2CF
- E0E1DF
- EFF0EF
Ombre
- 5D6059
- 4E514B
- 40433E
- 323530
- 252724
- 191A18
- 0D0E0C
- 040404
- 000100
Toni
- 6E726A
- 70736D
- 72756F
- 747672
- 767874
- 787A76
- 7A7B79
- 7C7D7B
- 7E7E7E
Armonie di colore
Complementare +180°
- 6C7068
Queen Valley
- 716C74
≈ Wetbar
Analogo -30° +30°
- 6C7068
Queen Valley
- 706F66
≈ Ironside Grey
- 68716C
≈ Stairway to Heaven
Triadico +120° +240°
- 6C7068
Queen Valley
- 696F76
≈ Dapper Greyhound
- 766B6D
≈ Acoustic Brown
Complementare divisa +150° +210°
- 6C7068
Queen Valley
- 6C6E76
≈ Granite Canyon
- 746C71
≈ Wetbar
Tetradico +90° +180° +270°
- 6C7068
Queen Valley
- 667074
≈ Myth
- 716C74
≈ Wetbar
- 766C69
≈ Acoustic Brown
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.05:1 · APCA Lc 75
Ag
FailSu nero
WCAG 4.15:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 5.05:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--queen-valley: #6c7068;
--queen-valley-rgb: 108 112 104;
--queen-valley-oklch: oklch(0.539 0.013 128.7);
}
.element {
color: var(--queen-valley);
background-color: hsl(90 4% 42%);
border-color: oklch(0.539 0.013 128.7);
}Tailwind CSS v4
@theme {
--color-queen-valley: #6c7068;
--color-queen-valley-50: #f4f6f2;
--color-queen-valley-100: #e6e9e4;
--color-queen-valley-200: #d2d5d0;
--color-queen-valley-300: #b5b9b2;
--color-queen-valley-400: #9ca098;
--color-queen-valley-500: #83887f;
--color-queen-valley-600: #6f736b;
--color-queen-valley-700: #595c56;
--color-queen-valley-800: #41433e;
--color-queen-valley-900: #2d2e2b;
--color-queen-valley-950: #1a1b18;
}SCSS
$queen-valley: #6c7068;
$queen-valley-rgb: 108, 112, 104;
$queen-valley-light: mix(#fff, $queen-valley, 20%);
$queen-valley-dark: mix(#000, $queen-valley, 20%);
.element {
color: $queen-valley;
box-shadow: 0 0 0 2px rgba($queen-valley, 0.35);
}