Named color · #44891A
Chlorophyll
Chlorophyll is #44891A: rgb(68 137 26), hsl(97 68% 32%), oklch(0.563 0.157 136.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Chlorophyll color name →
#44891A
oklch(0.563 0.157 136.7)
Color conversions
- HEX
- #44891a
- RGB
- rgb(68 137 26)
- HSL
- hsl(97 68% 32%)
- HWB
- hwb(97 10% 46%)
- OKLCH
- oklch(0.563 0.157 136.7)
- OKLab
- oklab(0.563 -0.114 0.107)
- CIE Lab
- lab(51.02 -37.15 47.52)
- LCH
- lch(51.02 60.32 128)
- CMYK
- cmyk(50% 0% 81% 46%)
Tints · Shades · Tones
Tints
- 579539
- 6AA151
- 7CAC67
- 8EB87D
- A1C492
- B3D0A8
- C6DCBD
- D9E7D3
- ECF3E9
Shades
- 3A7615
- 306410
- 26530C
- 1D4207
- 143104
- 0C2202
- 051401
- 020700
- 000100
Tones
- 4B892C
- 528839
- 598744
- 5F874E
- 658657
- 6B8560
- 708468
- 768370
- 7B8178
Color harmonies
Complementary +180°
- 44891A
Chlorophyll
- 9953B1
≈ Purple Plum
Analogous -30° +30°
- 44891A
Chlorophyll
- 7E7900
≈ Tool Green
- 008A66
≈ Kabalite Green
Triadic +120° +240°
- 44891A
Chlorophyll
- 2F74CF
≈ Fading Night
- C04554
≈ Saffron Desires
Split-complementary +150° +210°
- 44891A
Chlorophyll
- 7162CB
≈ Dark Periwinkle
- B34887
≈ Purple Orchid
Tetradic +90° +180° +270°
- 44891A
Chlorophyll
- 0081A6
≈ Advertising Blue
- 9953B1
≈ Purple Plum
- BC5000
≈ Crustose Lichen
Contrast & accessibility
Ag
FailOn white
WCAG 4.33:1 · APCA Lc 70
Ag
AAOn black
WCAG 4.83:1 · APCA Lc 32
Best text color: #000000
WCAG 4.83:1 (AA) · APCA Lc 32
Contrast pairs
Code snippets
CSS
:root {
--chlorophyll: #44891a;
--chlorophyll-rgb: 68 137 26;
--chlorophyll-oklch: oklch(0.563 0.157 136.7);
}
.element {
color: var(--chlorophyll);
background-color: hsl(97 68% 32%);
border-color: oklch(0.563 0.157 136.7);
}Tailwind CSS v4
@theme {
--color-chlorophyll: #44891a;
--color-chlorophyll-50: #dfffd6;
--color-chlorophyll-100: #cef5c3;
--color-chlorophyll-200: #b2e5a4;
--color-chlorophyll-300: #8ecb7b;
--color-chlorophyll-400: #70b351;
--color-chlorophyll-500: #4f9c1f;
--color-chlorophyll-600: #43841e;
--color-chlorophyll-700: #366a18;
--color-chlorophyll-800: #294d0b;
--color-chlorophyll-900: #1b3607;
--color-chlorophyll-950: #0b2100;
}SCSS
$chlorophyll: #44891a;
$chlorophyll-rgb: 68, 137, 26;
$chlorophyll-light: mix(#fff, $chlorophyll, 20%);
$chlorophyll-dark: mix(#000, $chlorophyll, 20%);
.element {
color: $chlorophyll;
box-shadow: 0 0 0 2px rgba($chlorophyll, 0.35);
}