Preview
#e7e4d4
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.28:1 · vs black: 16.45:1
HEX
#e7e4d4
RGB
rgb(231, 228, 212)
RGBA
rgba(231, 228, 212, 1)
HSL
hsl(51, 28%, 87%)
HSV
hsv(51, 8%, 91%)
LAB
lab(90.43% -1.72 8.16)
LCH
lch(90.43% 8.34 101.9)
OKLAB
oklab(0.9169 -0.0031 0.0214)
OKLCH
oklch(0.9169 0.0216 98.24)
XYZ
xyz(72.58, 77.23, 73.36)
CMYK
cmyk(0%, 1%, 8%, 9%)
CSS
color: #e7e4d4;
CSS variable
--color-e7e4d4: #e7e4d4;
SCSS
$color-e7e4d4: #e7e4d4;
Tailwind
orange-100
Export
:root {
--#e7e4d4-1: #e7e4d4;
}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.