Preview
#dfdcd2
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.37:1 · vs black: 15.31:1
HEX
#dfdcd2
RGB
rgb(223, 220, 210)
RGBA
rgba(223, 220, 210, 1)
HSL
hsl(46, 17%, 85%)
HSV
hsv(46, 6%, 87%)
LAB
lab(87.74% -0.72 5.27)
LCH
lch(87.74% 5.32 97.78)
OKLAB
oklab(0.8941 -0.0007 0.0139)
OKLCH
oklch(0.8941 0.0139 92.88)
XYZ
xyz(67.66, 71.53, 71.20)
CMYK
cmyk(0%, 1%, 6%, 13%)
CSS
color: #dfdcd2;
CSS variable
--color-dfdcd2: #dfdcd2;
SCSS
$color-dfdcd2: #dfdcd2;
Tailwind
orange-100
Export
:root {
--#dfdcd2-1: #dfdcd2;
}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.