Preview
#d1d0c8
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.55:1 · vs black: 13.57:1
HEX
#d1d0c8
RGB
rgb(209, 208, 200)
RGBA
rgba(209, 208, 200, 1)
HSL
hsl(53, 9%, 80%)
HSV
hsv(53, 4%, 82%)
LAB
lab(83.36% -1.08 4.09)
LCH
lch(83.36% 4.23 104.79)
OKLAB
oklab(0.8561 -0.0021 0.0108)
OKLCH
oklch(0.8561 0.011 101)
XYZ
xyz(59.27, 62.84, 63.64)
CMYK
cmyk(0%, 0%, 4%, 18%)
CSS
color: #d1d0c8;
CSS variable
--color-d1d0c8: #d1d0c8;
SCSS
$color-d1d0c8: #d1d0c8;
Tailwind
orange-200
Export
:root {
--#d1d0c8-1: #d1d0c8;
}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.