#CAED65#CAED65
#CAED65 is a very light, vivid yellow-green. Relative luminance 0.741; OKLCH L 89.4% C 0.166 H 121.9°. Best body text is #000000 at 15.81:1 contrast (WCAG AA passes).
Color values
| HEX | #CAED65 |
|---|---|
| RGB | rgb(202, 237, 101) |
| HSL | hsl(75, 79%, 66%) |
| HSV | hsv(75, 57%, 93%) |
| CMYK | cmyk(14.8%, 0%, 57.4%, 7.1%) |
| CIE-LAB | lab(88.95, -30.76, 60.81) |
| CIE-LCH | lch(88.95, 68.15, 116.83°) |
| OKLab | oklab(89.42% -0.0881 0.1412) |
| OKLCH | oklch(89.42% 0.166 121.9) |
| XYZ | xyz(56.9908, 74.0644, 23.6029) |
| Luminance | 0.7407 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Pear
#CBF85F
ΔE00 2.74
Light Yellow Green
#CCFD7F
ΔE00 4.43
Yellowy Green
#BFF128
ΔE00 4.93
Pale Lime
#BEFD73
ΔE00 5.26
Yellow Green
#C8FD3D
ΔE00 5.35
Light Pea Green
#C4FE82
ΔE00 5.65
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CAED65 #8865ED
analogous
#EDCC65 #CAED65 #86ED65
triadic
#CAED65 #65CAED #ED65CA
tetradic
#CAED65 #65EDCC #8865ED #ED6586
square
#CAED65 #65EDCC #8865ED #ED6586
split-complementary
#CAED65 #6586ED #CC65ED
monochromatic
#95C117 #B7E72E #CAED65 #DDF39C #F0FAD3
Accessibility & contrast
On white
1.33
#CAED65 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.81
#CAED65 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CAED65
15.81:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CAED65 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CAED65 | 1.00 | 1.33 | 15.81 | 15.81 |
| #FFFFFF | 1.33 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.81 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.81 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FAE056
Deuteranopia (green-blind)
#F5DF6E
Tritanopia (blue-blind)
#D3E2D0
Achromatopsia (no color)
#DFDFDF
Design tokens & code
CSS
--color: #caed65; /* rgb */ color: rgb(202, 237, 101); /* oklch */ color: oklch(89.4% 0.166 121.9);
Tailwind
colors: {
custom: {
50: '#ddf395',
500: '#caed65',
950: '#000000',
},
}SCSS
$custom: #caed65; $custom-light: #ddf395; $custom-dark: #000000;
JSON
{
"hex": "#caed65",
"rgb": {
"r": 202,
"g": 237,
"b": 101
},
"hsl": {
"h": 75.441,
"s": 79.07,
"l": 66.275
},
"oklch": {
"l": 0.89417,
"c": 0.16643,
"h": 121.9
},
"luminance": 0.74065
}Semantic roles & 50–950 ramp
primary
#CAED65
secondary
#5A37BF
accent
#0ADB40
background
#FEFFFC
surface
#FCFEF5
border
#D5D6CF
text
#15170E
muted
#84857F