Preview
#ecede4
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.18:1 · vs black: 17.8:1
HEX
#ecede4
RGB
rgb(236, 237, 228)
RGBA
rgba(236, 237, 228, 1)
HSL
hsl(67, 20%, 91%)
HSV
hsv(67, 4%, 93%)
LAB
lab(93.45% -1.91 4.24)
LCH
lch(93.45% 4.65 114.25)
OKLAB
oklab(0.9429 -0.0044 0.0111)
OKLCH
oklch(0.9429 0.0119 111.62)
XYZ
xyz(78.88, 84.00, 85.44)
CMYK
cmyk(0%, 0%, 4%, 7%)
CSS
color: #ecede4;
CSS variable
--color-ecede4: #ecede4;
SCSS
$color-ecede4: #ecede4;
Tailwind
amber-50
Export
:root {
--#ecede4-1: #ecede4;
}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.