#CBE67C#CBE67C
#CBE67C is a very light, vivid yellow-green. Relative luminance 0.707; OKLCH L 88.2% C 0.136 H 121.0°. Best body text is #000000 at 15.15:1 contrast (WCAG AA passes).
Color values
| HEX | #CBE67C |
|---|---|
| RGB | rgb(203, 230, 124) |
| HSL | hsl(75, 68%, 69%) |
| HSV | hsv(75, 46%, 90%) |
| CMYK | cmyk(11.7%, 0%, 46.1%, 9.8%) |
| CIE-LAB | lab(87.36, -24.95, 48.44) |
| CIE-LCH | lch(87.36, 54.49, 117.25°) |
| OKLab | oklab(88.24% -0.0698 0.1163) |
| OKLCH | oklch(88.24% 0.136 121) |
| XYZ | xyz(56.5637, 70.7454, 29.7402) |
| Luminance | 0.7075 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Light Yellow Green
#CCFD7F
ΔE00 5.63
Light Khaki
#E6F2A2
ΔE00 5.89
Greenish Beige
#C9D179
ΔE00 5.92
Pale Olive Green
#B1D27B
ΔE00 5.95
Pear
#CBF85F
ΔE00 6.16
Pistachio (survey)
#C0FA8B
ΔE00 6.32
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CBE67C #977CE6
analogous
#E6CC7C #CBE67C #96E67C
triadic
#CBE67C #7CCBE6 #E67CCB
tetradic
#CBE67C #7CE6CC #977CE6 #E67C96
square
#CBE67C #7CE6CC #977CE6 #E67C96
split-complementary
#CBE67C #7C96E6 #CC7CE6
monochromatic
#9AC225 #B7DC49 #CBE67C #DFF0AF #F4FAE3
Accessibility & contrast
On white
1.39
#CBE67C on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.15
#CBE67C on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CBE67C
15.15:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CBE67C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CBE67C | 1.00 | 1.39 | 15.15 | 15.15 |
| #FFFFFF | 1.39 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.15 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.15 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F1DB73
Deuteranopia (green-blind)
#EEDB82
Tritanopia (blue-blind)
#D3DDCD
Achromatopsia (no color)
#DBDBDB
Design tokens & code
CSS
--color: #cbe67c; /* rgb */ color: rgb(203, 230, 124); /* oklch */ color: oklch(88.2% 0.136 121.0);
Tailwind
colors: {
custom: {
50: '#dceea4',
500: '#cbe67c',
950: '#000000',
},
}SCSS
$custom: #cbe67c; $custom-light: #dceea4; $custom-dark: #000000;
JSON
{
"hex": "#cbe67c",
"rgb": {
"r": 203,
"g": 230,
"b": 124
},
"hsl": {
"h": 75.283,
"s": 67.949,
"l": 69.412
},
"oklch": {
"l": 0.88236,
"c": 0.13565,
"h": 121
},
"luminance": 0.70745
}Semantic roles & 50–950 ramp
primary
#CBE67C
secondary
#6648BE
accent
#16D045
background
#FEFFFC
surface
#FCFEF6
border
#D5D6D0
text
#15160F
muted
#848580