Preview
#e5d653
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.49:1 · vs black: 14.08:1
HEX
#e5d653
RGB
rgb(229, 214, 83)
RGBA
rgba(229, 214, 83, 1)
HSL
hsl(54, 74%, 61%)
HSV
hsv(54, 64%, 90%)
LAB
lab(84.68% -10.05 64.33)
LCH
lch(84.68% 65.11 98.88)
OKLAB
oklab(0.8645 -0.0331 0.1459)
OKLCH
oklch(0.8645 0.1496 102.78)
XYZ
xyz(57.92, 65.38, 17.75)
CMYK
cmyk(0%, 7%, 64%, 10%)
CSS
color: #e5d653;
CSS variable
--color-e5d653: #e5d653;
SCSS
$color-e5d653: #e5d653;
Tailwind
orange-300
Export
:root {
--#e5d653-1: #e5d653;
}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.