Preview
#e4e2dd
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.29:1 · vs black: 16.22:1
HEX
#e4e2dd
RGB
rgb(228, 226, 221)
RGBA
rgba(228, 226, 221, 1)
HSL
hsl(43, 11%, 88%)
HSV
hsv(43, 3%, 89%)
LAB
lab(89.91% -0.2 2.68)
LCH
lch(89.91% 2.69 94.27)
OKLAB
oklab(0.9129 0.0002 0.0071)
OKLCH
oklch(0.9129 0.0071 88.39)
XYZ
xyz(72.24, 76.11, 79.28)
CMYK
cmyk(0%, 1%, 3%, 11%)
CSS
color: #e4e2dd;
CSS variable
--color-e4e2dd: #e4e2dd;
SCSS
$color-e4e2dd: #e4e2dd;
Tailwind
orange-100
Export
:root {
--#e4e2dd-1: #e4e2dd;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.