Preview
#d1c47b
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.77:1 · vs black: 11.89:1
HEX
#d1c47b
RGB
rgb(209, 196, 123)
RGBA
rgba(209, 196, 123, 1)
HSL
hsl(51, 48%, 65%)
HSV
hsv(51, 41%, 82%)
LAB
lab(78.73% -5.76 38.25)
LCH
lch(78.73% 38.68 98.56)
OKLAB
oklab(0.8147 -0.0154 0.0933)
OKLCH
oklch(0.8147 0.0946 99.37)
XYZ
xyz(49.61, 54.47, 26.63)
CMYK
cmyk(0%, 6%, 41%, 18%)
CSS
color: #d1c47b;
CSS variable
--color-d1c47b: #d1c47b;
SCSS
$color-d1c47b: #d1c47b;
Tailwind
orange-300
Export
:root {
--#d1c47b-1: #d1c47b;
}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.