Preview
#edeaa0
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.24:1 · vs black: 16.88:1
HEX
#edeaa0
RGB
rgb(237, 234, 160)
RGBA
rgba(237, 234, 160, 1)
HSL
hsl(58, 68%, 78%)
HSV
hsv(58, 32%, 93%)
LAB
lab(91.41% -9.96 36.38)
LCH
lch(91.41% 37.72 105.31)
OKLAB
oklab(0.9225 -0.0261 0.0902)
OKLCH
oklch(0.9225 0.0939 106.14)
XYZ
xyz(70.69, 79.39, 44.85)
CMYK
cmyk(0%, 1%, 32%, 7%)
CSS
color: #edeaa0;
CSS variable
--color-edeaa0: #edeaa0;
SCSS
$color-edeaa0: #edeaa0;
Tailwind
orange-200
Export
:root {
--#edeaa0-1: #edeaa0;
}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.