#CFEB58#CFEB58
#CFEB58 is a very light, vivid yellow-green. Relative luminance 0.734; OKLCH L 89.2% C 0.173 H 119.2°. Best body text is #000000 at 15.68:1 contrast (WCAG AA passes).
Color values
| HEX | #CFEB58 |
|---|---|
| RGB | rgb(207, 235, 88) |
| HSL | hsl(71, 79%, 63%) |
| HSV | hsv(71, 63%, 92%) |
| CMYK | cmyk(11.9%, 0%, 62.6%, 7.8%) |
| CIE-LAB | lab(88.63, -28.85, 65.99) |
| CIE-LCH | lch(88.63, 72.02, 113.62°) |
| OKLab | oklab(89.21% -0.0842 0.1506) |
| OKLCH | oklch(89.21% 0.173 119.2) |
| XYZ | xyz(57.2028, 73.3870, 20.3822) |
| Luminance | 0.7339 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Pear
#CBF85F
ΔE00 3.63
Sickly Yellow
#D0E429
ΔE00 4.22
Yellowy Green
#BFF128
ΔE00 4.35
Yellow Green
#C8FD3D
ΔE00 5.23
Yellowish Green
#B0DD16
ΔE00 5.40
Greeny Yellow
#C6F808
ΔE00 5.54
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CFEB58 #7458EB
analogous
#EBBE58 #CFEB58 #85EB58
triadic
#CFEB58 #58CFEB #EB58CF
tetradic
#CFEB58 #58EBBE #7458EB #EB5885
square
#CFEB58 #58EBBE #7458EB #EB5885
split-complementary
#CFEB58 #5885EB #BE58EB
monochromatic
#95B315 #BFE421 #CFEB58 #DFF28F #EEF8C5
Accessibility & contrast
On white
1.34
#CFEB58 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.68
#CFEB58 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CFEB58
15.68:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CFEB58 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CFEB58 | 1.00 | 1.34 | 15.68 | 15.68 |
| #FFFFFF | 1.34 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.68 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.68 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F9DF45
Deuteranopia (green-blind)
#F6DF62
Tritanopia (blue-blind)
#DADFCC
Achromatopsia (no color)
#DEDEDE
Design tokens & code
CSS
--color: #cfeb58; /* rgb */ color: rgb(207, 235, 88); /* oklch */ color: oklch(89.2% 0.173 119.2);
Tailwind
colors: {
custom: {
50: '#e1f18d',
500: '#cfeb58',
950: '#000000',
},
}SCSS
$custom: #cfeb58; $custom-light: #e1f18d; $custom-dark: #000000;
JSON
{
"hex": "#cfeb58",
"rgb": {
"r": 207,
"g": 235,
"b": 88
},
"hsl": {
"h": 71.429,
"s": 78.61,
"l": 63.333
},
"oklch": {
"l": 0.89208,
"c": 0.17254,
"h": 119.2
},
"luminance": 0.73387
}Semantic roles & 50–950 ramp
primary
#CFEB58
secondary
#4C34B3
accent
#0BDB32
background
#FEFFFC
surface
#FCFEF4
border
#D5D6CE
text
#16160D
muted
#84857F