Preview
#d5d2c4
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.84:1
HEX
#d5d2c4
RGB
rgb(213, 210, 196)
RGBA
rgba(213, 210, 196, 1)
HSL
hsl(49, 17%, 80%)
HSV
hsv(49, 8%, 84%)
LAB
lab(84.08% -1.4 7.3)
LCH
lch(84.08% 7.43 100.86)
OKLAB
oklab(0.8623 -0.0023 0.0191)
OKLCH
oklch(0.8623 0.0192 96.87)
XYZ
xyz(60.45, 64.23, 61.43)
CMYK
cmyk(0%, 1%, 8%, 16%)
CSS
color: #d5d2c4;
CSS variable
--color-d5d2c4: #d5d2c4;
SCSS
$color-d5d2c4: #d5d2c4;
Tailwind
orange-200
Export
:root {
--#d5d2c4-1: #d5d2c4;
}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.