Preview
#dfe5cc
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.29:1 · vs black: 16.22:1
HEX
#dfe5cc
RGB
rgb(223, 229, 204)
RGBA
rgba(223, 229, 204, 1)
HSL
hsl(74, 32%, 85%)
HSV
hsv(74, 11%, 90%)
LAB
lab(89.9% -6.34 11.51)
LCH
lch(89.9% 13.14 118.85)
OKLAB
oklab(0.9106 -0.0159 0.0299)
OKLCH
oklch(0.9106 0.0339 118)
XYZ
xyz(69.35, 76.09, 68.15)
CMYK
cmyk(3%, 0%, 11%, 10%)
CSS
color: #dfe5cc;
CSS variable
--color-dfe5cc: #dfe5cc;
SCSS
$color-dfe5cc: #dfe5cc;
Tailwind
amber-100
Export
:root {
--#dfe5cc-1: #dfe5cc;
}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.