Preview
#d3c59b
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.72:1 · vs black: 12.23:1
HEX
#d3c59b
RGB
rgb(211, 197, 155)
RGBA
rgba(211, 197, 155, 1)
HSL
hsl(45, 39%, 72%)
HSV
hsv(45, 27%, 83%)
LAB
lab(79.7% -1.61 22.89)
LCH
lch(79.7% 22.95 94.02)
OKLAB
oklab(0.8245 -0.0018 0.058)
OKLCH
oklch(0.8245 0.058 91.78)
XYZ
xyz(52.75, 56.15, 39.06)
CMYK
cmyk(0%, 7%, 27%, 17%)
CSS
color: #d3c59b;
CSS variable
--color-d3c59b: #d3c59b;
SCSS
$color-d3c59b: #d3c59b;
Tailwind
orange-200
Export
:root {
--#d3c59b-1: #d3c59b;
}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.