#C6EB69#C6EB69
#C6EB69 is a very light, vivid yellow-green. Relative luminance 0.724; OKLCH L 88.7% C 0.162 H 123.0°. Best body text is #000000 at 15.49:1 contrast (WCAG AA passes).
Color values
| HEX | #C6EB69 |
|---|---|
| RGB | rgb(198, 235, 105) |
| HSL | hsl(77, 76%, 67%) |
| HSV | hsv(77, 55%, 92%) |
| CMYK | cmyk(15.7%, 0%, 55.3%, 7.8%) |
| CIE-LAB | lab(88.18, -31.02, 58.11) |
| CIE-LCH | lch(88.18, 65.87, 118.09°) |
| OKLab | oklab(88.74% -0.0882 0.1359) |
| OKLCH | oklch(88.74% 0.162 123) |
| XYZ | xyz(55.5472, 72.4421, 24.4182) |
| Luminance | 0.7244 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Pear
#CBF85F
ΔE00 3.35
Light Yellow Green
#CCFD7F
ΔE00 4.24
Pale Lime
#BEFD73
ΔE00 5.00
Light Pea Green
#C4FE82
ΔE00 5.27
Yellowy Green
#BFF128
ΔE00 5.61
Light Lime Green
#B9FF66
ΔE00 5.71
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#C6EB69 #8E69EB
analogous
#EBCF69 #C6EB69 #85EB69
triadic
#C6EB69 #69C6EB #EB69C6
tetradic
#C6EB69 #69EBCF #8E69EB #EB6985
square
#C6EB69 #69EBCF #8E69EB #EB6985
split-complementary
#C6EB69 #6985EB #CF69EB
monochromatic
#91C01A #B1E433 #C6EB69 #DBF29F #EFF9D5
Accessibility & contrast
On white
1.36
#C6EB69 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.49
#C6EB69 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #C6EB69
15.49:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##C6EB69 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C6EB69 | 1.00 | 1.36 | 15.49 | 15.49 |
| #FFFFFF | 1.36 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.49 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.49 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F7DE5C
Deuteranopia (green-blind)
#F2DD71
Tritanopia (blue-blind)
#CEE1CE
Achromatopsia (no color)
#DDDDDD
Design tokens & code
CSS
--color: #c6eb69; /* rgb */ color: rgb(198, 235, 105); /* oklch */ color: oklch(88.7% 0.162 123.0);
Tailwind
colors: {
custom: {
50: '#daf198',
500: '#c6eb69',
950: '#000000',
},
}SCSS
$custom: #c6eb69; $custom-light: #daf198; $custom-dark: #000000;
JSON
{
"hex": "#c6eb69",
"rgb": {
"r": 198,
"g": 235,
"b": 105
},
"hsl": {
"h": 77.077,
"s": 76.471,
"l": 66.667
},
"oklch": {
"l": 0.88741,
"c": 0.16203,
"h": 123
},
"luminance": 0.72442
}Semantic roles & 50–950 ramp
primary
#C6EB69
secondary
#5F3ABF
accent
#0DD947
background
#FEFFFC
surface
#FCFEF5
border
#D5D6CF
text
#15160E
muted
#84857F