#9DCF65#9DCF65
#9DCF65 is a light, vivid yellow-green. Relative luminance 0.527; OKLCH L 79.6% C 0.146 H 130.0°. Best body text is #000000 at 11.55:1 contrast (WCAG AA passes).
Color values
| HEX | #9DCF65 |
|---|---|
| RGB | rgb(157, 207, 101) |
| HSL | hsl(88, 52%, 60%) |
| HSV | hsv(88, 51%, 81%) |
| CMYK | cmyk(24.2%, 0%, 51.2%, 18.8%) |
| CIE-LAB | lab(77.72, -33.79, 47.03) |
| CIE-LCH | lch(77.72, 57.91, 125.69°) |
| OKLab | oklab(79.63% -0.094 0.112) |
| OKLCH | oklch(79.63% 0.146 130) |
| XYZ | xyz(38.5660, 52.7325, 20.4559) |
| Luminance | 0.5273 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Light Moss Green
#A6C875
ΔE00 3.95
Pale Olive Green
#B1D27B
ΔE00 3.96
Pistachio
#93C572
ΔE00 4.42
Light Olive Green
#A4BE5C
ΔE00 5.52
Yellowgreen
#9ACD32
ΔE00 5.73
Light Olive
#ACBF69
ΔE00 6.51
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#9DCF65 #9765CF
analogous
#CFCC65 #9DCF65 #68CF65
triadic
#9DCF65 #659DCF #CF659D
tetradic
#9DCF65 #65CFCC #9765CF #CF6568
square
#9DCF65 #65CFCC #9765CF #CF6568
split-complementary
#9DCF65 #6568CF #CC65CF
monochromatic
#608D2C #7FBC3B #9DCF65 #BBDE94 #D8ECC2
Accessibility & contrast
On white
1.82
#9DCF65 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.55
#9DCF65 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #9DCF65
11.55:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##9DCF65 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9DCF65 | 1.00 | 1.82 | 11.55 | 11.55 |
| #FFFFFF | 1.82 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.55 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.55 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D7C25B
Deuteranopia (green-blind)
#D0BF6C
Tritanopia (blue-blind)
#A0C7B7
Achromatopsia (no color)
#C0C0C0
Design tokens & code
CSS
--color: #9dcf65; /* rgb */ color: rgb(157, 207, 101); /* oklch */ color: oklch(79.6% 0.146 130.0);
Tailwind
colors: {
custom: {
50: '#bcde93',
500: '#9dcf65',
950: '#000000',
},
}SCSS
$custom: #9dcf65; $custom-light: #bcde93; $custom-dark: #000000;
JSON
{
"hex": "#9dcf65",
"rgb": {
"r": 157,
"g": 207,
"b": 101
},
"hsl": {
"h": 88.302,
"s": 52.475,
"l": 60.392
},
"oklch": {
"l": 0.79626,
"c": 0.14625,
"h": 130
},
"luminance": 0.52733
}Semantic roles & 50–950 ramp
primary
#9DCF65
secondary
#6A4494
accent
#26C06E
background
#FDFEFC
surface
#F8FCF4
border
#D1D5CE
text
#12150D
muted
#82847F