Preview
#dfdcc4
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.38:1 · vs black: 15.17:1
HEX
#dfdcc4
RGB
rgb(223, 220, 196)
RGBA
rgba(223, 220, 196, 1)
HSL
hsl(53, 30%, 82%)
HSV
hsv(53, 12%, 87%)
LAB
lab(87.42% -3.03 12.17)
LCH
lch(87.42% 12.54 103.98)
OKLAB
oklab(0.8905 -0.0063 0.0316)
OKLCH
oklch(0.8905 0.0322 101.28)
XYZ
xyz(65.99, 70.86, 62.42)
CMYK
cmyk(0%, 1%, 12%, 13%)
CSS
color: #dfdcc4;
CSS variable
--color-dfdcc4: #dfdcc4;
SCSS
$color-dfdcc4: #dfdcc4;
Tailwind
orange-100
Export
:root {
--#dfdcc4-1: #dfdcc4;
}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.