Colore con nome · #29332B
Gordons Green
Gordons Green è #29332B: rgb(41 51 43), hsl(132 11% 18%), oklch(0.309 0.02 151). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Gordons Green color name →
#29332B
oklch(0.309 0.02 151)
Conversioni di colore
- HEX
- #29332b
- RGB
- rgb(41 51 43)
- HSL
- hsl(132 11% 18%)
- HWB
- hwb(132 16% 80%)
- OKLCH
- oklch(0.309 0.02 151)
- OKLab
- oklab(0.309 -0.017 0.01)
- CIE Lab
- lab(20.1 -5.89 3.62)
- LCH
- lch(20.1 6.92 148.5)
- CMYK
- cmyk(20% 0% 16% 80%)
Tinte · Ombre · Toni
Tinte
- 3B453D
- 4E5750
- 626A64
- 777E78
- 8C928D
- A2A7A3
- B9BCB9
- D0D2D0
- E7E8E7
Ombre
- 222B24
- 1C231D
- 151C16
- 0F1410
- 090D0A
- 050705
- 020302
- 010101
- 000000
Toni
- 313A33
- 39413B
- 424943
- 4A504B
- 535854
- 5B605C
- 646865
- 6D706E
- 777877
Armonie di colore
Complementare +180°
- 29332B
Gordons Green
- 362D35
≈ Lava Black
Analogo -30° +30°
- 29332B
Gordons Green
- 2E3227
≈ Ebony Wood
- 253331
≈ Pitch Green
Triadico +120° +240°
- 29332B
Gordons Green
- 2C303A
≈ Diamond Black
- 392D2A
≈ Mole
Complementare divisa +150° +210°
- 29332B
Gordons Green
- 322E39
≈ Lava Black
- 392C2F
≈ Havana
Tetradico +90° +180° +270°
- 29332B
Gordons Green
- 273139
≈ Chimney Sweep
- 362D35
≈ Lava Black
- 382E26
≈ Coffee Bean
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 13.10:1 · APCA Lc 99
Ag
FailSu nero
WCAG 1.60:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 13.10:1 (AAA) · APCA Lc 99
Contrast pairs
Frammenti di codice
CSS
:root {
--gordons-green: #29332b;
--gordons-green-rgb: 41 51 43;
--gordons-green-oklch: oklch(0.309 0.02 151);
}
.element {
color: var(--gordons-green);
background-color: hsl(132 11% 18%);
border-color: oklch(0.309 0.02 151);
}Tailwind CSS v4
@theme {
--color-gordons-green: #29332b;
--color-gordons-green-50: #f1f7f2;
--color-gordons-green-100: #e3eae5;
--color-gordons-green-200: #ced7d0;
--color-gordons-green-300: #b0bab3;
--color-gordons-green-400: #96a299;
--color-gordons-green-500: #7d8a80;
--color-gordons-green-600: #6a756c;
--color-gordons-green-700: #555d56;
--color-gordons-green-800: #3e443f;
--color-gordons-green-900: #2b2f2b;
--color-gordons-green-950: #181c18;
}SCSS
$gordons-green: #29332b;
$gordons-green-rgb: 41, 51, 43;
$gordons-green-light: mix(#fff, $gordons-green, 20%);
$gordons-green-dark: mix(#000, $gordons-green, 20%);
.element {
color: $gordons-green;
box-shadow: 0 0 0 2px rgba($gordons-green, 0.35);
}