Preview
#dce3c4
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.33:1 · vs black: 15.83:1
HEX
#dce3c4
RGB
rgb(220, 227, 196)
RGBA
rgba(220, 227, 196, 1)
HSL
hsl(74, 36%, 83%)
HSV
hsv(74, 14%, 89%)
LAB
lab(88.99% -7.67 14.36)
LCH
lch(88.99% 16.28 118.11)
OKLAB
oklab(0.9023 -0.0194 0.0372)
OKLCH
oklch(0.9023 0.042 117.54)
XYZ
xyz(66.95, 74.14, 63.00)
CMYK
cmyk(3%, 0%, 14%, 11%)
CSS
color: #dce3c4;
CSS variable
--color-dce3c4: #dce3c4;
SCSS
$color-dce3c4: #dce3c4;
Tailwind
amber-100
Export
:root {
--#dce3c4-1: #dce3c4;
}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.