Preview
#e3daab
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.41:1 · vs black: 14.88:1
HEX
#e3daab
RGB
rgb(227, 218, 171)
RGBA
rgba(227, 218, 171, 1)
HSL
hsl(50, 50%, 78%)
HSV
hsv(50, 25%, 89%)
LAB
lab(86.71% -4.24 24.3)
LCH
lch(86.71% 24.67 99.9)
OKLAB
oklab(0.884 -0.0092 0.0617)
OKLCH
oklch(0.884 0.0624 98.48)
XYZ
xyz(64.10, 69.42, 48.54)
CMYK
cmyk(0%, 4%, 25%, 11%)
CSS
color: #e3daab;
CSS variable
--color-e3daab: #e3daab;
SCSS
$color-e3daab: #e3daab;
Tailwind
orange-200
Export
:root {
--#e3daab-1: #e3daab;
}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.