Preview
#dcd4bc
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.48:1 · vs black: 14.19:1
HEX
#dcd4bc
RGB
rgb(220, 212, 188)
RGBA
rgba(220, 212, 188, 1)
HSL
hsl(45, 31%, 80%)
HSV
hsv(45, 15%, 86%)
LAB
lab(84.96% -1.24 12.87)
LCH
lch(84.96% 12.93 95.5)
OKLAB
oklab(0.87 -0.001 0.0334)
OKLCH
oklch(0.87 0.0334 91.71)
XYZ
xyz(62.14, 65.93, 57.02)
CMYK
cmyk(0%, 4%, 15%, 14%)
CSS
color: #dcd4bc;
CSS variable
--color-dcd4bc: #dcd4bc;
SCSS
$color-dcd4bc: #dcd4bc;
Tailwind
orange-200
Export
:root {
--#dcd4bc-1: #dcd4bc;
}Confidence, warmth, and caution. Useful for notifications and premium earthy palettes.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Amber family.