#DCF97C#DCF97C
#DCF97C is a very light, vivid yellow-green. Relative luminance 0.844; OKLCH L 93.6% C 0.154 H 120.3°. Best body text is #000000 at 17.88:1 contrast (WCAG AA passes).
Color values
| HEX | #DCF97C |
|---|---|
| RGB | rgb(220, 249, 124) |
| HSL | hsl(74, 91%, 73%) |
| HSV | hsv(74, 50%, 98%) |
| CMYK | cmyk(11.6%, 0%, 50.2%, 2.4%) |
| CIE-LAB | lab(93.63, -27.50, 56.29) |
| CIE-LCH | lch(93.63, 62.65, 116.04°) |
| OKLab | oklab(93.56% -0.0779 0.1334) |
| OKLCH | oklch(93.56% 0.154 120.3) |
| XYZ | xyz(67.0295, 84.4224, 31.8288) |
| Luminance | 0.8442 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Pear
#CBF85F
ΔE00 3.58
Light Yellow Green
#CCFD7F
ΔE00 3.64
Light Pea Green
#C4FE82
ΔE00 5.23
Pale Lime
#BEFD73
ΔE00 5.49
Light Yellowish Green
#C2FF89
ΔE00 6.09
Yellow Green
#C8FD3D
ΔE00 6.17
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#DCF97C #997CF9
analogous
#F9D77C #DCF97C #9DF97C
triadic
#DCF97C #7CDCF9 #F97CDC
tetradic
#DCF97C #7CF9D7 #997CF9 #F97C9D
square
#DCF97C #7CF9D7 #997CF9 #F97C9D
split-complementary
#DCF97C #7C9DF9 #D77CF9
monochromatic
#BBF00B #CCF641 #DCF97C #ECFCB7 #F7FEE2
Accessibility & contrast
On white
1.17
#DCF97C on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.88
#DCF97C on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #DCF97C
17.88:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##DCF97C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DCF97C | 1.00 | 1.17 | 17.88 | 17.88 |
| #FFFFFF | 1.17 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.88 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.88 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FFED71
Deuteranopia (green-blind)
#FFED83
Tritanopia (blue-blind)
#E6EEDD
Achromatopsia (no color)
#EDEDED
Design tokens & code
CSS
--color: #dcf97c; /* rgb */ color: rgb(220, 249, 124); /* oklch */ color: oklch(93.6% 0.154 120.3);
Tailwind
colors: {
custom: {
50: '#e9fba5',
500: '#dcf97c',
950: '#000000',
},
}SCSS
$custom: #dcf97c; $custom-light: #e9fba5; $custom-dark: #000000;
JSON
{
"hex": "#dcf97c",
"rgb": {
"r": 220,
"g": 249,
"b": 124
},
"hsl": {
"h": 73.92,
"s": 91.241,
"l": 73.137
},
"oklch": {
"l": 0.93558,
"c": 0.15445,
"h": 120.3
},
"luminance": 0.84422
}Semantic roles & 50–950 ramp
primary
#DCF97C
secondary
#6544D6
accent
#00E635
background
#FFFFFC
surface
#FEFFF6
border
#D6D7D0
text
#16170F
muted
#858580