Preview
#e3d77d
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.47:1 · vs black: 14.28:1
HEX
#e3d77d
RGB
rgb(227, 215, 125)
RGBA
rgba(227, 215, 125, 1)
HSL
hsl(53, 65%, 69%)
HSV
hsv(53, 45%, 89%)
LAB
lab(85.21% -8.08 45.71)
LCH
lch(85.21% 46.42 100.02)
OKLAB
oklab(0.8697 -0.0228 0.11)
OKLCH
oklch(0.8697 0.1123 101.71)
XYZ
xyz(59.68, 66.41, 29.07)
CMYK
cmyk(0%, 5%, 45%, 11%)
CSS
color: #e3d77d;
CSS variable
--color-e3d77d: #e3d77d;
SCSS
$color-e3d77d: #e3d77d;
Tailwind
orange-300
Export
:root {
--#e3d77d-1: #e3d77d;
}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.