Preview
#d5bd76
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.85:1 · vs black: 11.37:1
HEX
#d5bd76
RGB
rgb(213, 189, 118)
RGBA
rgba(213, 189, 118, 1)
HSL
hsl(45, 53%, 65%)
HSV
hsv(45, 45%, 84%)
LAB
lab(77.19% -1.02 38.92)
LCH
lch(77.19% 38.93 91.5)
OKLAB
oklab(0.8031 -0.0023 0.0945)
OKLCH
oklch(0.8031 0.0945 91.39)
XYZ
xyz(48.91, 51.85, 24.57)
CMYK
cmyk(0%, 11%, 45%, 16%)
CSS
color: #d5bd76;
CSS variable
--color-d5bd76: #d5bd76;
SCSS
$color-d5bd76: #d5bd76;
Tailwind
orange-300
Export
:root {
--#d5bd76-1: #d5bd76;
}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.