#CEEE55#CEEE55
#CEEE55 is a very light, vivid yellow-green. Relative luminance 0.749; OKLCH L 89.8% C 0.179 H 120.3°. Best body text is #000000 at 15.99:1 contrast (WCAG AA passes).
Color values
| HEX | #CEEE55 |
|---|---|
| RGB | rgb(206, 238, 85) |
| HSL | hsl(73, 82%, 63%) |
| HSV | hsv(73, 64%, 93%) |
| CMYK | cmyk(13.4%, 0%, 64.3%, 6.7%) |
| CIE-LAB | lab(89.36, -30.84, 67.93) |
| CIE-LCH | lch(89.36, 74.61, 114.42°) |
| OKLab | oklab(89.77% -0.09 0.1543) |
| OKLCH | oklch(89.77% 0.179 120.3) |
| XYZ | xyz(57.6687, 74.9269, 20.0169) |
| Luminance | 0.7493 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Pear
#CBF85F
ΔE00 2.88
Yellowy Green
#BFF128
ΔE00 3.61
Yellow Green
#C8FD3D
ΔE00 4.34
Sickly Yellow
#D0E429
ΔE00 4.47
Greeny Yellow
#C6F808
ΔE00 4.77
Chartreuse (survey)
#C1F80A
ΔE00 4.92
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CEEE55 #7555EE
analogous
#EEC155 #CEEE55 #81EE55
triadic
#CEEE55 #55CEEE #EE55CE
tetradic
#CEEE55 #55EEC1 #7555EE #EE5581
square
#CEEE55 #55EEC1 #7555EE #EE5581
split-complementary
#CEEE55 #5581EE #C155EE
monochromatic
#94B612 #BEE81D #CEEE55 #DEF48D #EEF9C4
Accessibility & contrast
On white
1.31
#CEEE55 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.99
#CEEE55 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CEEE55
15.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CEEE55 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CEEE55 | 1.00 | 1.31 | 15.99 | 15.99 |
| #FFFFFF | 1.31 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.99 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FCE140
Deuteranopia (green-blind)
#F8E160
Tritanopia (blue-blind)
#D9E2CF
Achromatopsia (no color)
#E1E1E1
Design tokens & code
CSS
--color: #ceee55; /* rgb */ color: rgb(206, 238, 85); /* oklch */ color: oklch(89.8% 0.179 120.3);
Tailwind
colors: {
custom: {
50: '#e0f38c',
500: '#ceee55',
950: '#000000',
},
}SCSS
$custom: #ceee55; $custom-light: #e0f38c; $custom-dark: #000000;
JSON
{
"hex": "#ceee55",
"rgb": {
"r": 206,
"g": 238,
"b": 85
},
"hsl": {
"h": 72.549,
"s": 81.818,
"l": 63.333
},
"oklch": {
"l": 0.89768,
"c": 0.17863,
"h": 120.3
},
"luminance": 0.74927
}Semantic roles & 50–950 ramp
primary
#CEEE55
secondary
#4D31B6
accent
#07DE34
background
#FEFFFC
surface
#FCFEF4
border
#D5D6CE
text
#16170D
muted
#84857F