Preview
#e2d39d
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.5:1 · vs black: 14.04:1
HEX
#e2d39d
RGB
rgb(226, 211, 157)
RGBA
rgba(226, 211, 157, 1)
HSL
hsl(47, 54%, 75%)
HSV
hsv(47, 31%, 89%)
LAB
lab(84.58% -2.86 28.67)
LCH
lch(84.58% 28.81 95.7)
OKLAB
oklab(0.8661 -0.0056 0.072)
OKLCH
oklch(0.8661 0.0722 94.45)
XYZ
xyz(60.74, 65.19, 41.28)
CMYK
cmyk(0%, 7%, 31%, 11%)
CSS
color: #e2d39d;
CSS variable
--color-e2d39d: #e2d39d;
SCSS
$color-e2d39d: #e2d39d;
Tailwind
orange-200
Export
:root {
--#e2d39d-1: #e2d39d;
}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.