Named color · #A4C08A
Green Herb
Green Herb is #A4C08A: rgb(164 192 138), hsl(91 30% 65%), oklch(0.773 0.08 130.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Green Herb color name →
#A4C08A
oklch(0.773 0.08 130.4)
Color conversions
- HEX
- #a4c08a
- RGB
- rgb(164 192 138)
- HSL
- hsl(91 30% 65%)
- HWB
- hwb(91 54% 25%)
- OKLCH
- oklch(0.773 0.08 130.4)
- OKLab
- oklab(0.773 -0.052 0.061)
- CIE Lab
- lab(74.56 -17.08 24.03)
- LCH
- lch(74.56 29.48 125.4)
- CMYK
- cmyk(15% 0% 28% 25%)
Tints · Shades · Tones
Tints
- ADC696
- B6CDA1
- BFD3AD
- C8D9B8
- D1DFC4
- DAE6D0
- E3ECDB
- ECF2E7
- F6F9F3
Shades
- 8EA777
- 798E65
- 647653
- 505F42
- 3D4932
- 2B3422
- 1A2014
- 0A0E07
- 010201
Tones
- A0B989
- 9DB389
- 99AD88
- 96A687
- 92A086
- 8E9985
- 8B9384
- 878D83
- 848681
Color harmonies
Complementary +180°
- A4C08A
Green Herb
- C5A7DC
≈ Perfume
Analogous -30° +30°
- A4C08A
Green Herb
- C0B77B
≈ Slippery Moss
- 87C5A4
≈ Aqua Eden
Triadic +120° +240°
- A4C08A
Green Herb
- 8FB9E7
≈ Adrift on the Nile
- E3A0A9
≈ Berry Riche
Split-complementary +150° +210°
- A4C08A
Green Herb
- ABB0E8
≈ Maximum Blue Purple
- D9A1C5
≈ Pastel Lavender
Tetradic +90° +180° +270°
- A4C08A
Green Herb
- 78C1D9
≈ Ocean Horizon
- C5A7DC
≈ Perfume
- E2A48E
≈ Venetian Plaster
Contrast & accessibility
Ag
FailOn white
WCAG 2.00:1 · APCA Lc 39
Ag
AAAOn black
WCAG 10.48:1 · APCA Lc 64
Best text color: #000000
WCAG 10.48:1 (AAA) · APCA Lc 64
Contrast pairs
Code snippets
CSS
:root {
--green-herb: #a4c08a;
--green-herb-rgb: 164 192 138;
--green-herb-oklch: oklch(0.773 0.08 130.4);
}
.element {
color: var(--green-herb);
background-color: hsl(91 30% 65%);
border-color: oklch(0.773 0.08 130.4);
}Tailwind CSS v4
@theme {
--color-green-herb: #a4c08a;
--color-green-herb-50: #edfae3;
--color-green-herb-100: #deeed3;
--color-green-herb-200: #c8dcb9;
--color-green-herb-300: #a8c196;
--color-green-herb-400: #8ea876;
--color-green-herb-500: #749158;
--color-green-herb-600: #627b4b;
--color-green-herb-700: #4f623b;
--color-green-herb-800: #3a4829;
--color-green-herb-900: #28321c;
--color-green-herb-950: #161e0c;
}SCSS
$green-herb: #a4c08a;
$green-herb-rgb: 164, 192, 138;
$green-herb-light: mix(#fff, $green-herb, 20%);
$green-herb-dark: mix(#000, $green-herb, 20%);
.element {
color: $green-herb;
box-shadow: 0 0 0 2px rgba($green-herb, 0.35);
}