#C0F484#C0F484
#C0F484 is a very light, vivid yellow-green. Relative luminance 0.776; OKLCH L 90.7% C 0.151 H 129.4°. Best body text is #000000 at 16.51:1 contrast (WCAG AA passes).
Color values
| HEX | #C0F484 |
|---|---|
| RGB | rgb(192, 244, 132) |
| HSL | hsl(88, 84%, 74%) |
| HSV | hsv(88, 46%, 96%) |
| CMYK | cmyk(21.3%, 0%, 45.9%, 4.3%) |
| CIE-LAB | lab(90.58, -34.70, 48.44) |
| CIE-LCH | lch(90.58, 59.59, 125.62°) |
| OKLab | oklab(90.68% -0.0961 0.1169) |
| OKLCH | oklch(90.68% 0.151 129.4) |
| XYZ | xyz(58.2531, 77.5727, 33.7293) |
| Luminance | 0.7757 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Pistachio (survey)
#C0FA8B
ΔE00 1.52
Light Pea Green
#C4FE82
ΔE00 2.36
Light Yellowish Green
#C2FF89
ΔE00 2.38
Celery
#C1FD95
ΔE00 2.75
Light Yellow Green
#CCFD7F
ΔE00 2.86
Pale Lime
#BEFD73
ΔE00 3.39
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#C0F484 #B884F4
analogous
#F4F084 #C0F484 #88F484
triadic
#C0F484 #84C0F4 #F484C0
tetradic
#C0F484 #84F4F0 #B884F4 #F48488
square
#C0F484 #84F4F0 #B884F4 #F48488
split-complementary
#C0F484 #8488F4 #F084F4
monochromatic
#86E915 #A3EF4C #C0F484 #DDF9BC #F1FCE3
Accessibility & contrast
On white
1.27
#C0F484 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.51
#C0F484 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #C0F484
16.51:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##C0F484 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C0F484 | 1.00 | 1.27 | 16.51 | 16.51 |
| #FFFFFF | 1.27 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.51 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.51 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FDE67B
Deuteranopia (green-blind)
#F6E38B
Tritanopia (blue-blind)
#C4ECDA
Achromatopsia (no color)
#E4E4E4
Design tokens & code
CSS
--color: #c0f484; /* rgb */ color: rgb(192, 244, 132); /* oklch */ color: oklch(90.7% 0.151 129.4);
Tailwind
colors: {
custom: {
50: '#d5f8aa',
500: '#c0f484',
950: '#000000',
},
}SCSS
$custom: #c0f484; $custom-light: #d5f8aa; $custom-dark: #000000;
JSON
{
"hex": "#c0f484",
"rgb": {
"r": 192,
"g": 244,
"b": 132
},
"hsl": {
"h": 87.857,
"s": 83.582,
"l": 73.725
},
"oklch": {
"l": 0.9068,
"c": 0.15129,
"h": 129.4
},
"luminance": 0.77574
}Semantic roles & 50–950 ramp
primary
#C0F484
secondary
#894CD0
accent
#05E06B
background
#FEFFFD
surface
#FBFFF7
border
#D4D7D0
text
#141710
muted
#838581