#D2F777#D2F777
#D2F777 is a very light, vivid yellow-green. Relative luminance 0.816; OKLCH L 92.4% C 0.160 H 122.9°. Best body text is #000000 at 17.31:1 contrast (WCAG AA passes).
Color values
| HEX | #D2F777 |
|---|---|
| RGB | rgb(210, 247, 119) |
| HSL | hsl(77, 89%, 72%) |
| HSV | hsv(77, 52%, 97%) |
| CMYK | cmyk(15%, 0%, 51.8%, 3.1%) |
| CIE-LAB | lab(92.38, -30.81, 56.92) |
| CIE-LCH | lch(92.38, 64.72, 118.43°) |
| OKLab | oklab(92.36% -0.087 0.1344) |
| OKLCH | oklch(92.36% 0.16 122.9) |
| XYZ | xyz(63.1691, 81.5549, 29.8629) |
| Luminance | 0.8155 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Light Yellow Green
#CCFD7F
ΔE00 2.42
Pear
#CBF85F
ΔE00 2.66
Light Pea Green
#C4FE82
ΔE00 3.95
Pale Lime
#BEFD73
ΔE00 4.04
Light Yellowish Green
#C2FF89
ΔE00 4.90
Light Lime Green
#B9FF66
ΔE00 4.93
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D2F777 #9C77F7
analogous
#F7DC77 #D2F777 #92F777
triadic
#D2F777 #77D2F7 #F777D2
tetradic
#D2F777 #77F7DC #9C77F7 #F77792
square
#D2F777 #77F7DC #9C77F7 #F77792
split-complementary
#D2F777 #7792F7 #DC77F7
monochromatic
#A7E60E #BFF43D #D2F777 #E5FAB1 #F5FDE2
Accessibility & contrast
On white
1.21
#D2F777 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.31
#D2F777 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #D2F777
17.31:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D2F777 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D2F777 | 1.00 | 1.21 | 17.31 | 17.31 |
| #FFFFFF | 1.21 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.31 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.31 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FFEA6B
Deuteranopia (green-blind)
#FEE97F
Tritanopia (blue-blind)
#DBECDA
Achromatopsia (no color)
#E9E9E9
Design tokens & code
CSS
--color: #d2f777; /* rgb */ color: rgb(210, 247, 119); /* oklch */ color: oklch(92.4% 0.160 122.9);
Tailwind
colors: {
custom: {
50: '#e2faa1',
500: '#d2f777',
950: '#000000',
},
}SCSS
$custom: #d2f777; $custom-light: #e2faa1; $custom-dark: #000000;
JSON
{
"hex": "#d2f777",
"rgb": {
"r": 210,
"g": 247,
"b": 119
},
"hsl": {
"h": 77.344,
"s": 88.889,
"l": 71.765
},
"oklch": {
"l": 0.92364,
"c": 0.16016,
"h": 122.9
},
"luminance": 0.81555
}Semantic roles & 50–950 ramp
primary
#D2F777
secondary
#6A40D2
accent
#00E642
background
#FEFFFC
surface
#FCFFF5
border
#D5D7CF
text
#16170F
muted
#848580