#9EE65C#9EE65C
#9EE65C is a very light, vivid yellow-green. Relative luminance 0.646; OKLCH L 84.9% C 0.185 H 132.4°. Best body text is #000000 at 13.93:1 contrast (WCAG AA passes).
Color values
| HEX | #9EE65C |
|---|---|
| RGB | rgb(158, 230, 92) |
| HSL | hsl(91, 73%, 63%) |
| HSV | hsv(91, 60%, 90%) |
| CMYK | cmyk(31.3%, 0%, 60%, 9.8%) |
| CIE-LAB | lab(84.29, -44.56, 58.74) |
| CIE-LCH | lch(84.29, 73.72, 127.18°) |
| OKLab | oklab(84.95% -0.1245 0.1364) |
| OKLCH | oklch(84.95% 0.185 132.4) |
| XYZ | xyz(44.3285, 64.6339, 20.2631) |
| Luminance | 0.6463 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Kiwi Green
#8EE53F
ΔE00 2.76
Kiwi
#9CEF43
ΔE00 3.39
Light Grass Green
#9AF764
ΔE00 3.92
Spring Green (survey)
#A9F971
ΔE00 4.18
Light Lime
#AEFD6C
ΔE00 4.89
Key Lime
#AEFF6E
ΔE00 5.28
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#9EE65C #A45CE6
analogous
#E3E65C #9EE65C #5CE65F
triadic
#9EE65C #5C9EE6 #E65C9E
tetradic
#9EE65C #5CE3E6 #A45CE6 #E65F5C
square
#9EE65C #5CE3E6 #A45CE6 #E65F5C
split-complementary
#9EE65C #5F5CE6 #E65CE3
monochromatic
#61AD1B #7EDE27 #9EE65C #BEEE91 #DDF6C6
Accessibility & contrast
On white
1.51
#9EE65C on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.93
#9EE65C on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #9EE65C
13.93:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##9EE65C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9EE65C | 1.00 | 1.51 | 13.93 | 13.93 |
| #FFFFFF | 1.51 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.93 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.93 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#EFD64C
Deuteranopia (green-blind)
#E5D066
Tritanopia (blue-blind)
#A0DDC9
Achromatopsia (no color)
#D2D2D2
Design tokens & code
CSS
--color: #9ee65c; /* rgb */ color: rgb(158, 230, 92); /* oklch */ color: oklch(84.9% 0.185 132.4);
Tailwind
colors: {
custom: {
50: '#bfee8f',
500: '#9ee65c',
950: '#000000',
},
}SCSS
$custom: #9ee65c; $custom-light: #bfee8f; $custom-dark: #000000;
JSON
{
"hex": "#9ee65c",
"rgb": {
"r": 158,
"g": 230,
"b": 92
},
"hsl": {
"h": 91.304,
"s": 73.404,
"l": 63.137
},
"oklch": {
"l": 0.84945,
"c": 0.18473,
"h": 132.4
},
"luminance": 0.64635
}Semantic roles & 50–950 ramp
primary
#9EE65C
secondary
#7638AE
accent
#10D677
background
#FDFFFC
surface
#F9FEF4
border
#D2D6CE
text
#13160D
muted
#82857F