Preview
#eed45d
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.48:1 · vs black: 14.21:1
HEX
#eed45d
RGB
rgb(238, 212, 93)
RGBA
rgba(238, 212, 93, 1)
HSL
hsl(49, 81%, 65%)
HSV
hsv(49, 61%, 93%)
LAB
lab(85.03% -4.68 60.68)
LCH
lch(85.03% 60.86 94.41)
OKLAB
oklab(0.8693 -0.0171 0.1393)
OKLCH
oklch(0.8693 0.1403 97)
XYZ
xyz(60.78, 66.06, 19.90)
CMYK
cmyk(0%, 11%, 61%, 7%)
CSS
color: #eed45d;
CSS variable
--color-eed45d: #eed45d;
SCSS
$color-eed45d: #eed45d;
Tailwind
orange-300
Export
:root {
--#eed45d-1: #eed45d;
}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.