#CBFD96#CBFD96
#CBFD96 is a very light, vivid yellow-green. Relative luminance 0.851; OKLCH L 93.6% C 0.141 H 129.9°. Best body text is #000000 at 18.03:1 contrast (WCAG AA passes).
Color values
| HEX | #CBFD96 |
|---|---|
| RGB | rgb(203, 253, 150) |
| HSL | hsl(89, 96%, 79%) |
| HSV | hsv(89, 41%, 99%) |
| CMYK | cmyk(19.8%, 0%, 40.7%, 0.8%) |
| CIE-LAB | lab(93.95, -32.81, 44.15) |
| CIE-LCH | lch(93.95, 55.01, 126.62°) |
| OKLab | oklab(93.64% -0.0902 0.108) |
| OKLCH | oklch(93.64% 0.141 129.9) |
| XYZ | xyz(65.2580, 85.1480, 41.8453) |
| Luminance | 0.8515 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Celery
#C1FD95
ΔE00 1.65
Pistachio (survey)
#C0FA8B
ΔE00 1.75
Light Yellowish Green
#C2FF89
ΔE00 2.26
Light Pea Green
#C4FE82
ΔE00 2.83
Light Yellow Green
#CCFD7F
ΔE00 3.39
Tea Green
#BDF8A3
ΔE00 4.00
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CBFD96 #C896FD
analogous
#FDFB96 #CBFD96 #98FD96
triadic
#CBFD96 #96CBFD #FD96CB
tetradic
#CBFD96 #96FDFB #C896FD #FD9698
square
#CBFD96 #96FDFB #C896FD #FD9698
split-complementary
#CBFD96 #9698FD #FB96FD
monochromatic
#90FB1E #ADFC5A #CBFD96 #E9FED2 #F0FEE1
Accessibility & contrast
On white
1.16
#CBFD96 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
18.03
#CBFD96 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CBFD96
18.03:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CBFD96 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CBFD96 | 1.00 | 1.16 | 18.03 | 18.03 |
| #FFFFFF | 1.16 | 1.00 | 21.00 | 21.00 |
| #000000 | 18.03 | 21.00 | 1.00 | 1.00 |
| ##000000 | 18.03 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FFF08E
Deuteranopia (green-blind)
#FEEC9C
Tritanopia (blue-blind)
#CEF5E4
Achromatopsia (no color)
#EEEEEE
Design tokens & code
CSS
--color: #cbfd96; /* rgb */ color: rgb(203, 253, 150); /* oklch */ color: oklch(93.6% 0.141 129.9);
Tailwind
colors: {
custom: {
50: '#dcfeb6',
500: '#cbfd96',
950: '#000000',
},
}SCSS
$custom: #cbfd96; $custom-light: #dcfeb6; $custom-dark: #000000;
JSON
{
"hex": "#cbfd96",
"rgb": {
"r": 203,
"g": 253,
"b": 150
},
"hsl": {
"h": 89.126,
"s": 96.262,
"l": 79.02
},
"oklch": {
"l": 0.93637,
"c": 0.14072,
"h": 129.9
},
"luminance": 0.85149
}Semantic roles & 50–950 ramp
primary
#CBFD96
secondary
#9A59DF
accent
#00E66F
background
#FEFFFD
surface
#FCFFF8
border
#D5D7D1
text
#151711
muted
#848581