Preview
#d1c69a
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.71:1 · vs black: 12.26:1
HEX
#d1c69a
RGB
rgb(209, 198, 154)
RGBA
rgba(209, 198, 154, 1)
HSL
hsl(48, 37%, 71%)
HSV
hsv(48, 26%, 82%)
LAB
lab(79.77% -3.03 23.49)
LCH
lch(79.77% 23.68 97.35)
OKLAB
oklab(0.8246 -0.0059 0.0595)
OKLCH
oklch(0.8246 0.0598 95.66)
XYZ
xyz(52.32, 56.28, 38.67)
CMYK
cmyk(0%, 5%, 26%, 18%)
CSS
color: #d1c69a;
CSS variable
--color-d1c69a: #d1c69a;
SCSS
$color-d1c69a: #d1c69a;
Tailwind
orange-200
Export
:root {
--#d1c69a-1: #d1c69a;
}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.