Preview
#eed60e
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.47:1 · vs black: 14.26:1
HEX
#eed60e
RGB
rgb(238, 214, 14)
RGBA
rgba(238, 214, 14, 1)
HSL
hsl(54, 89%, 49%)
HSV
hsv(54, 94%, 93%)
LAB
lab(85.15% -8.54 83.91)
LCH
lch(85.15% 84.34 95.81)
OKLAB
oklab(0.8691 -0.0345 0.1763)
OKLCH
oklch(0.8691 0.1796 101.07)
XYZ
xyz(59.39, 66.30, 10.09)
CMYK
cmyk(0%, 10%, 94%, 7%)
CSS
color: #eed60e;
CSS variable
--color-eed60e: #eed60e;
SCSS
$color-eed60e: #eed60e;
Tailwind
orange-500
Export
:root {
--#eed60e-1: #eed60e;
}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.