#D2FA99#D2FA99
#D2FA99 is a very light, vivid yellow-green. Relative luminance 0.844; OKLCH L 93.5% C 0.130 H 127.0°. Best body text is #000000 at 17.87:1 contrast (WCAG AA passes).
Color values
| HEX | #D2FA99 |
|---|---|
| RGB | rgb(210, 250, 153) |
| HSL | hsl(85, 91%, 79%) |
| HSV | hsv(85, 39%, 98%) |
| CMYK | cmyk(16%, 0%, 38.8%, 2%) |
| CIE-LAB | lab(93.61, -28.56, 42.35) |
| CIE-LCH | lch(93.61, 51.08, 123.99°) |
| OKLab | oklab(93.49% -0.0784 0.104) |
| OKLCH | oklch(93.49% 0.13 127) |
| XYZ | xyz(66.5131, 84.3721, 42.9121) |
| Luminance | 0.8437 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Pistachio (survey)
#C0FA8B
ΔE00 3.19
Celery
#C1FD95
ΔE00 3.23
Light Yellowish Green
#C2FF89
ΔE00 3.78
Light Yellow Green
#CCFD7F
ΔE00 3.92
Light Pea Green
#C4FE82
ΔE00 4.01
Tea Green
#BDF8A3
ΔE00 4.61
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D2FA99 #C199FA
analogous
#FAF199 #D2FA99 #A2FA99
triadic
#D2FA99 #99D2FA #FA99D2
tetradic
#D2FA99 #99FAF1 #C199FA #FA99A2
square
#D2FA99 #99FAF1 #C199FA #FA99A2
split-complementary
#D2FA99 #99A2FA #F199FA
monochromatic
#9FF424 #B8F75F #D2FA99 #ECFDD3 #F2FEE2
Accessibility & contrast
On white
1.17
#D2FA99 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.87
#D2FA99 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #D2FA99
17.87:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D2FA99 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D2FA99 | 1.00 | 1.17 | 17.87 | 17.87 |
| #FFFFFF | 1.17 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.87 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.87 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FFEE92
Deuteranopia (green-blind)
#FEEC9E
Tritanopia (blue-blind)
#D7F2E2
Achromatopsia (no color)
#EDEDED
Design tokens & code
CSS
--color: #d2fa99; /* rgb */ color: rgb(210, 250, 153); /* oklch */ color: oklch(93.5% 0.130 127.0);
Tailwind
colors: {
custom: {
50: '#e1fcb8',
500: '#d2fa99',
950: '#000000',
},
}SCSS
$custom: #d2fa99; $custom-light: #e1fcb8; $custom-dark: #000000;
JSON
{
"hex": "#d2fa99",
"rgb": {
"r": 210,
"g": 250,
"b": 153
},
"hsl": {
"h": 84.742,
"s": 90.654,
"l": 79.02
},
"oklch": {
"l": 0.93493,
"c": 0.13019,
"h": 127
},
"luminance": 0.84373
}Semantic roles & 50–950 ramp
primary
#D2FA99
secondary
#915DDB
accent
#00E65F
background
#FEFFFD
surface
#FCFFF8
border
#D5D7D1
text
#151711
muted
#848581