Preview
#d2dfd5
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.38:1 · vs black: 15.26:1
HEX
#d2dfd5
RGB
rgb(210, 223, 213)
RGBA
rgba(210, 223, 213, 1)
HSL
hsl(134, 17%, 85%)
HSV
hsv(134, 6%, 87%)
LAB
lab(87.62% -6.19 3.39)
LCH
lch(87.62% 7.06 151.29)
OKLAB
oklab(0.891 -0.0173 0.0089)
OKLCH
oklch(0.891 0.0195 152.78)
XYZ
xyz(64.97, 71.28, 73.27)
CMYK
cmyk(6%, 0%, 4%, 13%)
CSS
color: #d2dfd5;
CSS variable
--color-d2dfd5: #d2dfd5;
SCSS
$color-d2dfd5: #d2dfd5;
Tailwind
green-100
Export
:root {
--#d2dfd5-1: #d2dfd5;
}Growth, nature, and success. Strong for finance positives, eco brands, and health.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Green family.