Preview
#d5c491
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.73:1 · vs black: 12.13:1
HEX
#d5c491
RGB
rgb(213, 196, 145)
RGBA
rgba(213, 196, 145, 1)
HSL
hsl(45, 45%, 70%)
HSV
hsv(45, 32%, 84%)
LAB
lab(79.43% -1.62 27.82)
LCH
lch(79.43% 27.87 93.33)
OKLAB
oklab(0.8221 -0.0022 0.0697)
OKLCH
oklch(0.8221 0.0697 91.81)
XYZ
xyz(52.29, 55.67, 34.77)
CMYK
cmyk(0%, 8%, 32%, 16%)
CSS
color: #d5c491;
CSS variable
--color-d5c491: #d5c491;
SCSS
$color-d5c491: #d5c491;
Tailwind
orange-300
Export
:root {
--#d5c491-1: #d5c491;
}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.