Preview
#eaedc2
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.21:1 · vs black: 17.39:1
HEX
#eaedc2
RGB
rgb(234, 237, 194)
RGBA
rgba(234, 237, 194, 1)
HSL
hsl(64, 54%, 85%)
HSV
hsv(64, 18%, 93%)
LAB
lab(92.56% -8.03 20.55)
LCH
lch(92.56% 22.06 111.34)
OKLAB
oklab(0.933 -0.0199 0.0527)
OKLCH
oklch(0.933 0.0563 110.69)
XYZ
xyz(73.95, 81.96, 62.95)
CMYK
cmyk(1%, 0%, 18%, 7%)
CSS
color: #eaedc2;
CSS variable
--color-eaedc2: #eaedc2;
SCSS
$color-eaedc2: #eaedc2;
Tailwind
amber-100
Export
:root {
--#eaedc2-1: #eaedc2;
}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.