Preview
#d5cfaf
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.57:1 · vs black: 13.37:1
HEX
#d5cfaf
RGB
rgb(213, 207, 175)
RGBA
rgba(213, 207, 175, 1)
HSL
hsl(51, 31%, 76%)
HSV
hsv(51, 18%, 84%)
LAB
lab(82.84% -3.19 16.67)
LCH
lch(82.84% 16.97 100.83)
OKLAB
oklab(0.851 -0.0064 0.0429)
OKLCH
oklch(0.851 0.0434 98.49)
XYZ
xyz(57.49, 61.87, 49.46)
CMYK
cmyk(0%, 3%, 18%, 16%)
CSS
color: #d5cfaf;
CSS variable
--color-d5cfaf: #d5cfaf;
SCSS
$color-d5cfaf: #d5cfaf;
Tailwind
orange-200
Export
:root {
--#d5cfaf-1: #d5cfaf;
}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.