#CAF65B#CAF65B
#CAF65B is a very light, vivid yellow-green. Relative luminance 0.792; OKLCH L 91.3% C 0.185 H 123.6°. Best body text is #000000 at 16.84:1 contrast (WCAG AA passes).
Color values
| HEX | #CAF65B |
|---|---|
| RGB | rgb(202, 246, 91) |
| HSL | hsl(77, 90%, 66%) |
| HSV | hsv(77, 63%, 96%) |
| CMYK | cmyk(17.9%, 0%, 63%, 3.5%) |
| CIE-LAB | lab(91.34, -35.64, 67.58) |
| CIE-LCH | lch(91.34, 76.40, 117.81°) |
| OKLab | oklab(91.31% -0.1026 0.1544) |
| OKLCH | oklch(91.31% 0.185 123.6) |
| XYZ | xyz(59.2017, 79.2231, 22.0682) |
| Luminance | 0.7922 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Pear
#CBF85F
ΔE00 0.51
Yellow Green
#C8FD3D
ΔE00 2.98
Yellowy Green
#BFF128
ΔE00 3.47
Lemon Lime
#BFFE28
ΔE00 4.12
Light Yellow Green
#CCFD7F
ΔE00 4.12
Light Lime Green
#B9FF66
ΔE00 4.30
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CAF65B #875BF6
analogous
#F6D45B #CAF65B #7CF65B
triadic
#CAF65B #5BCAF6 #F65BCA
tetradic
#CAF65B #5BF6D4 #875BF6 #F65B7C
square
#CAF65B #5BF6D4 #875BF6 #F65B7C
split-complementary
#CAF65B #5B7CF6 #D45BF6
monochromatic
#95CB0B #B7F321 #CAF65B #DDF995 #EFFCCF
Accessibility & contrast
On white
1.25
#CAF65B on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.84
#CAF65B on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CAF65B
16.84:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CAF65B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CAF65B | 1.00 | 1.25 | 16.84 | 16.84 |
| #FFFFFF | 1.25 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.84 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.84 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FFE747
Deuteranopia (green-blind)
#FDE666
Tritanopia (blue-blind)
#D3EBD6
Achromatopsia (no color)
#E6E6E6
Design tokens & code
CSS
--color: #caf65b; /* rgb */ color: rgb(202, 246, 91); /* oklch */ color: oklch(91.3% 0.185 123.6);
Tailwind
colors: {
custom: {
50: '#ddf990',
500: '#caf65b',
950: '#000000',
},
}SCSS
$custom: #caf65b; $custom-light: #ddf990; $custom-dark: #000000;
JSON
{
"hex": "#caf65b",
"rgb": {
"r": 202,
"g": 246,
"b": 91
},
"hsl": {
"h": 77.032,
"s": 89.595,
"l": 66.078
},
"oklch": {
"l": 0.9131,
"c": 0.18538,
"h": 123.6
},
"luminance": 0.79223
}Semantic roles & 50–950 ramp
primary
#CAF65B
secondary
#592EC7
accent
#00E641
background
#FEFFFC
surface
#FCFFF4
border
#D5D7CE
text
#15170D
muted
#84857F