Preview
#d3f0dd
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.22:1 · vs black: 17.28:1
HEX
#d3f0dd
RGB
rgb(211, 240, 221)
RGBA
rgba(211, 240, 221, 1)
HSL
hsl(141, 49%, 88%)
HSV
hsv(141, 12%, 94%)
LAB
lab(92.3% -13 5.99)
LCH
lch(92.3% 14.31 155.26)
OKLAB
oklab(0.9289 -0.0365 0.0156)
OKLCH
oklch(0.9289 0.0397 156.86)
XYZ
xyz(71.07, 81.39, 80.36)
CMYK
cmyk(12%, 0%, 8%, 6%)
CSS
color: #d3f0dd;
CSS variable
--color-d3f0dd: #d3f0dd;
SCSS
$color-d3f0dd: #d3f0dd;
Tailwind
emerald-100
Export
:root {
--#d3f0dd-1: #d3f0dd;
}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.