Colore con nome · #749551
Drab Green
Drab Green è #749551: rgb(116 149 81), hsl(89 30% 45%), oklch(0.628 0.102 130.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Drab Green color name →
#749551
oklch(0.628 0.102 130.1)
Conversioni di colore
- HEX
- #749551
- RGB
- rgb(116 149 81)
- HSL
- hsl(89 30% 45%)
- HWB
- hwb(89 32% 42%)
- OKLCH
- oklch(0.628 0.102 130.1)
- OKLab
- oklab(0.628 -0.066 0.078)
- CIE Lab
- lab(57.97 -21.07 31.85)
- LCH
- lch(57.97 38.18 123.5)
- CMYK
- cmyk(22% 0% 46% 42%)
Tinte · Ombre · Toni
Tinte
- 819F62
- 8EAA74
- 9CB485
- AABF96
- B7C9A7
- C5D4B8
- D4DFCA
- E2E9DB
- F0F4ED
Ombre
- 648145
- 546D3A
- 455A2F
- 374824
- 29371A
- 1B2610
- 0F1607
- 050802
- 010100
Toni
- 759357
- 77915C
- 788F61
- 798D66
- 7A8B6B
- 7B896F
- 7D8774
- 7E8478
- 7F827C
Armonie di colore
Complementare +180°
- 749551
Drab Green
- 9C77B7
≈ Purple Pride
Analogo -30° +30°
- 749551
Drab Green
- 978A3A
≈ Highball
- 499C73
≈ Natural Orchestra
Triadico +120° +240°
- 749551
Drab Green
- 568DC4
≈ Danube
- BD6E7A
≈ Pink Manhattan
Complementare divisa +150° +210°
- 749551
Drab Green
- 7D81C5
≈ Twilight Twinkle
- B2709C
≈ Mulberry Bush
Tetradico +90° +180° +270°
- 749551
Drab Green
- 2C97B3
≈ Pelorus
- 9C77B7
≈ Purple Pride
- BD7258
≈ Sienna Sky
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.40:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.16:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.16:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--drab-green: #749551;
--drab-green-rgb: 116 149 81;
--drab-green-oklch: oklch(0.628 0.102 130.1);
}
.element {
color: var(--drab-green);
background-color: hsl(89 30% 45%);
border-color: oklch(0.628 0.102 130.1);
}Tailwind CSS v4
@theme {
--color-drab-green: #749551;
--color-drab-green-50: #eafcde;
--color-drab-green-100: #dbf0cd;
--color-drab-green-200: #c4deb1;
--color-drab-green-300: #a4c38d;
--color-drab-green-400: #8aab6a;
--color-drab-green-500: #6f9348;
--color-drab-green-600: #5e7d3d;
--color-drab-green-700: #4b6431;
--color-drab-green-800: #384921;
--color-drab-green-900: #263316;
--color-drab-green-950: #151e07;
}SCSS
$drab-green: #749551;
$drab-green-rgb: 116, 149, 81;
$drab-green-light: mix(#fff, $drab-green, 20%);
$drab-green-dark: mix(#000, $drab-green, 20%);
.element {
color: $drab-green;
box-shadow: 0 0 0 2px rgba($drab-green, 0.35);
}