Preview
#d3dfc4
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.39:1 · vs black: 15.12:1
HEX
#d3dfc4
RGB
rgb(211, 223, 196)
RGBA
rgba(211, 223, 196, 1)
HSL
hsl(87, 30%, 82%)
HSV
hsv(87, 12%, 87%)
LAB
lab(87.29% -8.79 11.87)
LCH
lch(87.29% 14.77 126.52)
OKLAB
oklab(0.8873 -0.023 0.0308)
OKLCH
oklch(0.8873 0.0384 126.75)
XYZ
xyz(63.21, 70.61, 62.51)
CMYK
cmyk(5%, 0%, 12%, 13%)
CSS
color: #d3dfc4;
CSS variable
--color-d3dfc4: #d3dfc4;
SCSS
$color-d3dfc4: #d3dfc4;
Tailwind
yellow-100
Export
:root {
--#d3dfc4-1: #d3dfc4;
}Energy, youth, and experimentation. High-visibility accents and playful UIs.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Lime family.