Preview
#eae12e
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.37:1 · vs black: 15.31:1
HEX
#eae12e
RGB
rgb(234, 225, 46)
RGBA
rgba(234, 225, 46, 1)
HSL
hsl(57, 82%, 55%)
HSV
hsv(57, 80%, 92%)
LAB
lab(87.75% -15.07 79.99)
LCH
lch(87.75% 81.4 100.67)
OKLAB
oklab(0.8892 -0.0509 0.1726)
OKLCH
oklch(0.8892 0.1799 106.43)
XYZ
xyz(61.35, 71.54, 13.16)
CMYK
cmyk(0%, 4%, 80%, 8%)
CSS
color: #eae12e;
CSS variable
--color-eae12e: #eae12e;
SCSS
$color-eae12e: #eae12e;
Tailwind
orange-400
Export
:root {
--#eae12e-1: #eae12e;
}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.