Preview
#e3d39c
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.49:1 · vs black: 14.06:1
HEX
#e3d39c
RGB
rgb(227, 211, 156)
RGBA
rgba(227, 211, 156, 1)
HSL
hsl(46, 56%, 75%)
HSV
hsv(46, 31%, 89%)
LAB
lab(84.65% -2.61 29.29)
LCH
lch(84.65% 29.41 95.09)
OKLAB
oklab(0.8668 -0.0049 0.0734)
OKLCH
oklch(0.8668 0.0736 93.82)
XYZ
xyz(60.97, 65.32, 40.84)
CMYK
cmyk(0%, 7%, 31%, 11%)
CSS
color: #e3d39c;
CSS variable
--color-e3d39c: #e3d39c;
SCSS
$color-e3d39c: #e3d39c;
Tailwind
orange-200
Export
:root {
--#e3d39c-1: #e3d39c;
}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.