#D9FFDB#D9FFDB
#D9FFDB is a very light, moderate green. Relative luminance 0.914; OKLCH L 96.4% C 0.062 H 146.5°. Best body text is #000000 at 19.28:1 contrast (WCAG AA passes).
Color values
| HEX | #D9FFDB |
|---|---|
| RGB | rgb(217, 255, 219) |
| HSL | hsl(123, 100%, 93%) |
| HSV | hsv(123, 15%, 100%) |
| CMYK | cmyk(14.9%, 0%, 14.1%, 0%) |
| CIE-LAB | lab(96.57, -18.78, 13.18) |
| CIE-LCH | lch(96.57, 22.94, 144.94°) |
| OKLab | oklab(96.36% -0.0515 0.0341) |
| OKLCH | oklch(96.36% 0.062 146.5) |
| XYZ | xyz(77.1586, 91.3847, 80.5780) |
| Luminance | 0.9139 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Very Pale Green
#CFFDBC
ΔE00 6.92
Very Light Green
#D1FFBD
ΔE00 7.05
Mint
#AAF0C1
ΔE00 7.47
Celadon
#BEFDB7
ΔE00 8.29
Light Sage
#BCECAC
ΔE00 8.32
Pale Green
#C7FDB5
ΔE00 8.32
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D9FFDB #FFD9FD
analogous
#EAFFD9 #D9FFDB #D9FFEE
triadic
#D9FFDB #DBD9FF #FFDBD9
tetradic
#D9FFDB #D9EAFF #FFD9FD #FFEED9
square
#D9FFDB #D9EAFF #FFD9FD #FFEED9
split-complementary
#D9FFDB #EED9FF #FFD9EA
monochromatic
#5FFF67 #9CFFA1 #D9FFDB #E0FFE2 #E0FFE2
Accessibility & contrast
On white
1.09
#D9FFDB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
19.28
#D9FFDB on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #D9FFDB
19.28:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D9FFDB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D9FFDB | 1.00 | 1.09 | 19.28 | 19.28 |
| #FFFFFF | 1.09 | 1.00 | 21.00 | 21.00 |
| #000000 | 19.28 | 21.00 | 1.00 | 1.00 |
| ##000000 | 19.28 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FFF8D9
Deuteranopia (green-blind)
#FAF3DD
Tritanopia (blue-blind)
#D5FDF5
Achromatopsia (no color)
#F5F5F5
Design tokens & code
CSS
--color: #d9ffdb; /* rgb */ color: rgb(217, 255, 219); /* oklch */ color: oklch(96.4% 0.062 146.5);
Tailwind
colors: {
custom: {
50: '#e5ffe6',
500: '#d9ffdb',
950: '#000000',
},
}SCSS
$custom: #d9ffdb; $custom-light: #e5ffe6; $custom-dark: #000000;
JSON
{
"hex": "#d9ffdb",
"rgb": {
"r": 217,
"g": 255,
"b": 219
},
"hsl": {
"h": 123.158,
"s": 100,
"l": 92.549
},
"oklch": {
"l": 0.96359,
"c": 0.0618,
"h": 146.5
},
"luminance": 0.91386
}Semantic roles & 50–950 ramp
primary
#D9FFDB
secondary
#EC91E7
accent
#00D9E6
background
#FEFFFE
surface
#FCFFFC
border
#D5D7D5
text
#151815
muted
#848684