Named color · #93B83D
Grinch Green
Grinch Green is #93B83D: rgb(147 184 61), hsl(78 50% 48%), oklch(0.731 0.154 124.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Grinch Green color name →
#93B83D
oklch(0.731 0.154 124.6)
Color conversions
- HEX
- #93b83d
- RGB
- rgb(147 184 61)
- HSL
- hsl(78 50% 48%)
- HWB
- hwb(78 24% 28%)
- OKLCH
- oklch(0.731 0.154 124.6)
- OKLab
- oklab(0.731 -0.088 0.127)
- CIE Lab
- lab(70.27 -26.23 55.39)
- LCH
- lch(70.27 61.28 115.3)
- CMYK
- cmyk(20% 0% 67% 28%)
Tints · Shades · Tones
Tints
- 9DBF56
- A8C76B
- B2CE7F
- BDD592
- C8DCA5
- D2E3B7
- DDEAC9
- E8F1DB
- F4F8ED
Shades
- 7FA034
- 6C882B
- 597122
- 475B1A
- 364512
- 25310A
- 161E04
- 080C01
- 010200
Tones
- 91B349
- 8FAD52
- 8DA85A
- 8BA261
- 899C67
- 87976D
- 869173
- 848C77
- 82867C
Color harmonies
Complementary +180°
- 93B83D
Grinch Green
- BE8DF6
≈ Liliac
Analogous -30° +30°
- 93B83D
Grinch Green
- C6A500
≈ La Vida
- 44C47B
≈ Googol
Triadic +120° +240°
- 93B83D
Grinch Green
- 46B0FF
≈ Adamantine Blue
- F67A9C
≈ Pink Sherbet
Split-complementary +150° +210°
- 93B83D
Grinch Green
- 8EA0FF
≈ Periwinkle Blue
- E280CF
≈ Blushed Bombshell
Tetradic +90° +180° +270°
- 93B83D
Grinch Green
- 00BCDA
≈ Maldives
- BE8DF6
≈ Liliac
- F98063
≈ Slippery Salmon
Contrast & accessibility
Ag
FailOn white
WCAG 2.29:1 · APCA Lc 45
Ag
AAAOn black
WCAG 9.16:1 · APCA Lc 57
Best text color: #000000
WCAG 9.16:1 (AAA) · APCA Lc 57
Contrast pairs
Code snippets
CSS
:root {
--grinch-green: #93b83d;
--grinch-green-rgb: 147 184 61;
--grinch-green-oklch: oklch(0.731 0.154 124.6);
}
.element {
color: var(--grinch-green);
background-color: hsl(78 50% 48%);
border-color: oklch(0.731 0.154 124.6);
}Tailwind CSS v4
@theme {
--color-grinch-green: #93b83d;
--color-grinch-green-50: #eafece;
--color-grinch-green-100: #daf2ba;
--color-grinch-green-200: #c3e198;
--color-grinch-green-300: #a3c66c;
--color-grinch-green-400: #8bad3a;
--color-grinch-green-500: #709600;
--color-grinch-green-600: #5f7f00;
--color-grinch-green-700: #4c6600;
--color-grinch-green-800: #394a00;
--color-grinch-green-900: #273300;
--color-grinch-green-950: #151f00;
}SCSS
$grinch-green: #93b83d;
$grinch-green-rgb: 147, 184, 61;
$grinch-green-light: mix(#fff, $grinch-green, 20%);
$grinch-green-dark: mix(#000, $grinch-green, 20%);
.element {
color: $grinch-green;
box-shadow: 0 0 0 2px rgba($grinch-green, 0.35);
}