#CFF270#CFF270
#CFF270 is a very light, vivid yellow-green. Relative luminance 0.779; OKLCH L 91.0% C 0.161 H 122.2°. Best body text is #000000 at 16.59:1 contrast (WCAG AA passes).
Color values
| HEX | #CFF270 |
|---|---|
| RGB | rgb(207, 242, 112) |
| HSL | hsl(76, 83%, 69%) |
| HSV | hsv(76, 54%, 95%) |
| CMYK | cmyk(14.5%, 0%, 53.7%, 5.1%) |
| CIE-LAB | lab(90.75, -30.25, 58.12) |
| CIE-LCH | lch(90.75, 65.52, 117.50°) |
| OKLab | oklab(90.98% -0.0859 0.1365) |
| OKLCH | oklch(90.98% 0.161 122.2) |
| XYZ | xyz(60.4093, 77.9394, 27.1874) |
| Luminance | 0.7794 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Pear
#CBF85F
ΔE00 2.60
Light Yellow Green
#CCFD7F
ΔE00 3.35
Pale Lime
#BEFD73
ΔE00 4.63
Light Pea Green
#C4FE82
ΔE00 4.74
Light Lime Green
#B9FF66
ΔE00 5.39
Yellow Green
#C8FD3D
ΔE00 5.54
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CFF270 #9370F2
analogous
#F2D470 #CFF270 #8EF270
triadic
#CFF270 #70CFF2 #F270CF
tetradic
#CFF270 #70F2D4 #9370F2 #F2708E
square
#CFF270 #70F2D4 #9370F2 #F2708E
split-complementary
#CFF270 #708EF2 #D470F2
monochromatic
#A0D413 #BCED38 #CFF270 #E2F7A8 #F5FCE0
Accessibility & contrast
On white
1.27
#CFF270 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.59
#CFF270 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CFF270
16.59:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CFF270 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CFF270 | 1.00 | 1.27 | 16.59 | 16.59 |
| #FFFFFF | 1.27 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.59 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.59 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FFE563
Deuteranopia (green-blind)
#FAE478
Tritanopia (blue-blind)
#D8E7D5
Achromatopsia (no color)
#E4E4E4
Design tokens & code
CSS
--color: #cff270; /* rgb */ color: rgb(207, 242, 112); /* oklch */ color: oklch(91.0% 0.161 122.2);
Tailwind
colors: {
custom: {
50: '#e0f69d',
500: '#cff270',
950: '#000000',
},
}SCSS
$custom: #cff270; $custom-light: #e0f69d; $custom-dark: #000000;
JSON
{
"hex": "#cff270",
"rgb": {
"r": 207,
"g": 242,
"b": 112
},
"hsl": {
"h": 76.154,
"s": 83.333,
"l": 69.412
},
"oklch": {
"l": 0.90983,
"c": 0.16126,
"h": 122.2
},
"luminance": 0.7794
}Semantic roles & 50–950 ramp
primary
#CFF270
secondary
#623BCB
accent
#06E040
background
#FEFFFC
surface
#FCFEF5
border
#D5D6CF
text
#15170E
muted
#84857F