#C1EF68#C1EF68
#C1EF68 is a very light, vivid yellow-green. Relative luminance 0.741; OKLCH L 89.3% C 0.170 H 125.5°. Best body text is #000000 at 15.81:1 contrast (WCAG AA passes).
Color values
| HEX | #C1EF68 |
|---|---|
| RGB | rgb(193, 239, 104) |
| HSL | hsl(80, 81%, 67%) |
| HSV | hsv(80, 56%, 94%) |
| CMYK | cmyk(19.2%, 0%, 56.5%, 6.3%) |
| CIE-LAB | lab(88.96, -34.84, 59.35) |
| CIE-LCH | lch(88.96, 68.82, 120.41°) |
| OKLab | oklab(89.28% -0.0987 0.1386) |
| OKLCH | oklch(89.28% 0.17 125.5) |
| XYZ | xyz(55.3576, 74.0694, 24.4744) |
| Luminance | 0.7407 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Pear
#CBF85F
ΔE00 2.78
Light Yellow Green
#CCFD7F
ΔE00 3.32
Pale Lime
#BEFD73
ΔE00 3.56
Light Pea Green
#C4FE82
ΔE00 4.11
Light Lime Green
#B9FF66
ΔE00 4.21
Pale Lime Green
#B1FF65
ΔE00 4.90
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#C1EF68 #9668EF
analogous
#EFD968 #C1EF68 #7EEF68
triadic
#C1EF68 #68C1EF #EF68C1
tetradic
#C1EF68 #68EFD9 #9668EF #EF687E
square
#C1EF68 #68EFD9 #9668EF #EF687E
split-complementary
#C1EF68 #687EEF #D968EF
monochromatic
#8BC715 #AAE931 #C1EF68 #D8F59F #EEFBD7
Accessibility & contrast
On white
1.33
#C1EF68 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.81
#C1EF68 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #C1EF68
15.81:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##C1EF68 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C1EF68 | 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)
#FBE15A
Deuteranopia (green-blind)
#F4DF71
Tritanopia (blue-blind)
#C8E5D2
Achromatopsia (no color)
#DFDFDF
Design tokens & code
CSS
--color: #c1ef68; /* rgb */ color: rgb(193, 239, 104); /* oklch */ color: oklch(89.3% 0.170 125.5);
Tailwind
colors: {
custom: {
50: '#d6f497',
500: '#c1ef68',
950: '#000000',
},
}SCSS
$custom: #c1ef68; $custom-light: #d6f497; $custom-dark: #000000;
JSON
{
"hex": "#c1ef68",
"rgb": {
"r": 193,
"g": 239,
"b": 104
},
"hsl": {
"h": 80.444,
"s": 80.838,
"l": 67.255
},
"oklch": {
"l": 0.89281,
"c": 0.17009,
"h": 125.5
},
"luminance": 0.7407
}Semantic roles & 50–950 ramp
primary
#C1EF68
secondary
#6737C5
accent
#08DD51
background
#FEFFFC
surface
#FBFEF5
border
#D4D6CF
text
#15170E
muted
#84857F