Preview
#dfd9b9
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.42:1 · vs black: 14.76:1
HEX
#dfd9b9
RGB
rgb(223, 217, 185)
RGBA
rgba(223, 217, 185, 1)
HSL
hsl(51, 37%, 80%)
HSV
hsv(51, 17%, 87%)
LAB
lab(86.41% -3.19 16.52)
LCH
lch(86.41% 16.83 100.93)
OKLAB
oklab(0.8818 -0.0063 0.0426)
OKLCH
oklch(0.8818 0.0431 98.41)
XYZ
xyz(64.00, 68.82, 55.80)
CMYK
cmyk(0%, 3%, 17%, 13%)
CSS
color: #dfd9b9;
CSS variable
--color-dfd9b9: #dfd9b9;
SCSS
$color-dfd9b9: #dfd9b9;
Tailwind
orange-200
Export
:root {
--#dfd9b9-1: #dfd9b9;
}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.