#CBE799#CBE799
#CBE799 is a very light, moderate yellow-green. Relative luminance 0.721; OKLCH L 88.9% C 0.106 H 124.6°. Best body text is #000000 at 15.43:1 contrast (WCAG AA passes).
Color values
| HEX | #CBE799 |
|---|---|
| RGB | rgb(203, 231, 153) |
| HSL | hsl(82, 62%, 75%) |
| HSV | hsv(82, 34%, 91%) |
| CMYK | cmyk(12.1%, 0%, 33.8%, 9.4%) |
| CIE-LAB | lab(88.04, -22.04, 35.01) |
| CIE-LCH | lch(88.04, 41.37, 122.19°) |
| OKLab | oklab(88.91% -0.0599 0.087) |
| OKLCH | oklch(88.91% 0.106 124.6) |
| XYZ | xyz(58.9538, 72.1480, 40.9509) |
| Luminance | 0.7215 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Light Khaki
#E6F2A2
ΔE00 4.87
Light Grey Green
#B7E1A1
ΔE00 4.92
Pale Olive Green
#B1D27B
ΔE00 5.58
Light Sage
#BCECAC
ΔE00 5.61
Washed Out Green
#BCF5A6
ΔE00 5.80
Tea Green
#BDF8A3
ΔE00 6.03
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CBE799 #B599E7
analogous
#E7DC99 #CBE799 #A4E799
triadic
#CBE799 #99CBE7 #E799CB
tetradic
#CBE799 #99E7DC #B599E7 #E799A4
square
#CBE799 #99E7DC #B599E7 #E799A4
split-complementary
#CBE799 #99A4E7 #DC99E7
monochromatic
#98D036 #B2DB67 #CBE799 #E4F3CB #F2F9E6
Accessibility & contrast
On white
1.36
#CBE799 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.43
#CBE799 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CBE799
15.43:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CBE799 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CBE799 | 1.00 | 1.36 | 15.43 | 15.43 |
| #FFFFFF | 1.36 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.43 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.43 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#EFDE94
Deuteranopia (green-blind)
#EBDD9D
Tritanopia (blue-blind)
#D0E0D3
Achromatopsia (no color)
#DDDDDD
Design tokens & code
CSS
--color: #cbe799; /* rgb */ color: rgb(203, 231, 153); /* oklch */ color: oklch(88.9% 0.106 124.6);
Tailwind
colors: {
custom: {
50: '#dbeeb7',
500: '#cbe799',
950: '#000000',
},
}SCSS
$custom: #cbe799; $custom-light: #dbeeb7; $custom-dark: #000000;
JSON
{
"hex": "#cbe799",
"rgb": {
"r": 203,
"g": 231,
"b": 153
},
"hsl": {
"h": 81.538,
"s": 61.905,
"l": 75.294
},
"oklch": {
"l": 0.88912,
"c": 0.10559,
"h": 124.6
},
"luminance": 0.72148
}Semantic roles & 50–950 ramp
primary
#CBE799
secondary
#8563C1
accent
#1CCA5A
background
#FEFFFD
surface
#FCFEF8
border
#D5D6D1
text
#151611
muted
#848581