Preview
#e7ead4
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.23:1 · vs black: 17.12:1
HEX
#e7ead4
RGB
rgb(231, 234, 212)
RGBA
rgba(231, 234, 212, 1)
HSL
hsl(68, 34%, 87%)
HSV
hsv(68, 9%, 92%)
LAB
lab(91.95% -4.78 10.34)
LCH
lch(91.95% 11.39 114.81)
OKLAB
oklab(0.9289 -0.0116 0.027)
OKLCH
oklch(0.9289 0.0294 113.25)
XYZ
xyz(74.26, 80.59, 73.92)
CMYK
cmyk(1%, 0%, 9%, 8%)
CSS
color: #e7ead4;
CSS variable
--color-e7ead4: #e7ead4;
SCSS
$color-e7ead4: #e7ead4;
Tailwind
amber-100
Export
:root {
--#e7ead4-1: #e7ead4;
}Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.