Preview
#e8e4b0
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.3:1 · vs black: 16.16:1
HEX
#e8e4b0
RGB
rgb(232, 228, 176)
RGBA
rgba(232, 228, 176, 1)
HSL
hsl(56, 55%, 80%)
HSV
hsv(56, 24%, 91%)
LAB
lab(89.76% -6.78 25.94)
LCH
lch(89.76% 26.81 104.65)
OKLAB
oklab(0.9093 -0.0164 0.0657)
OKLCH
oklch(0.9093 0.0677 104.02)
XYZ
xyz(68.86, 75.78, 52.07)
CMYK
cmyk(0%, 2%, 24%, 9%)
CSS
color: #e8e4b0;
CSS variable
--color-e8e4b0: #e8e4b0;
SCSS
$color-e8e4b0: #e8e4b0;
Tailwind
orange-200
Export
:root {
--#e8e4b0-1: #e8e4b0;
}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.