#D2FBCD#D2FBCD
#D2FBCD is a very light, moderate green. Relative luminance 0.871; OKLCH L 94.7% C 0.074 H 142.1°. Best body text is #000000 at 18.42:1 contrast (WCAG AA passes).
Color values
| HEX | #D2FBCD |
|---|---|
| RGB | rgb(210, 251, 205) |
| HSL | hsl(113, 85%, 89%) |
| HSV | hsv(113, 18%, 98%) |
| CMYK | cmyk(16.3%, 0%, 18.3%, 1.6%) |
| CIE-LAB | lab(94.78, -21.52, 17.77) |
| CIE-LCH | lch(94.78, 27.91, 140.46°) |
| OKLab | oklab(94.73% -0.0586 0.0457) |
| OKLCH | oklch(94.73% 0.074 142.1) |
| XYZ | xyz(72.0925, 87.1023, 70.7600) |
| Luminance | 0.8710 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Very Pale Green
#CFFDBC
ΔE00 4.23
Very Light Green
#D1FFBD
ΔE00 4.43
Light Sage
#BCECAC
ΔE00 5.61
Pale Green
#C7FDB5
ΔE00 5.64
Celadon
#BEFDB7
ΔE00 5.73
Mint
#AAF0C1
ΔE00 6.18
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D2FBCD #F6CDFB
analogous
#E9FBCD #D2FBCD #CDFBDF
triadic
#D2FBCD #CDD2FB #FBCDD2
tetradic
#D2FBCD #CDE9FB #F6CDFB #FBDFCD
square
#D2FBCD #CDE9FB #F6CDFB #FBDFCD
split-complementary
#D2FBCD #DFCDFB #FBCDE9
monochromatic
#6CF25C #9FF694 #D2FBCD #E6FDE3 #E6FDE3
Accessibility & contrast
On white
1.14
#D2FBCD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
18.42
#D2FBCD on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #D2FBCD
18.42:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D2FBCD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D2FBCD | 1.00 | 1.14 | 18.42 | 18.42 |
| #FFFFFF | 1.14 | 1.00 | 21.00 | 21.00 |
| #000000 | 18.42 | 21.00 | 1.00 | 1.00 |
| ##000000 | 18.42 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FEF3CA
Deuteranopia (green-blind)
#F7EECF
Tritanopia (blue-blind)
#CFF8EE
Achromatopsia (no color)
#F0F0F0
Design tokens & code
CSS
--color: #d2fbcd; /* rgb */ color: rgb(210, 251, 205); /* oklch */ color: oklch(94.7% 0.074 142.1);
Tailwind
colors: {
custom: {
50: '#e0fcdc',
500: '#d2fbcd',
950: '#000000',
},
}SCSS
$custom: #d2fbcd; $custom-light: #e0fcdc; $custom-dark: #000000;
JSON
{
"hex": "#d2fbcd",
"rgb": {
"r": 210,
"g": 251,
"b": 205
},
"hsl": {
"h": 113.478,
"s": 85.185,
"l": 89.412
},
"oklch": {
"l": 0.94725,
"c": 0.07433,
"h": 142.1
},
"luminance": 0.87104
}Semantic roles & 50–950 ramp
primary
#D2FBCD
secondary
#D88BE2
accent
#04E2CA
background
#FEFFFE
surface
#FCFFFC
border
#D5D7D5
text
#151715
muted
#848584