Preview
#e2ddd4
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.35:1 · vs black: 15.53:1
HEX
#e2ddd4
RGB
rgb(226, 221, 212)
RGBA
rgba(226, 221, 212, 1)
HSL
hsl(39, 19%, 86%)
HSV
hsv(39, 6%, 89%)
LAB
lab(88.27% 0.14 5.01)
LCH
lch(88.27% 5.01 88.4)
OKLAB
oklab(0.899 0.0018 0.0132)
OKLCH
oklch(0.899 0.0133 82.23)
XYZ
xyz(69.10, 72.64, 72.65)
CMYK
cmyk(0%, 2%, 6%, 11%)
CSS
color: #e2ddd4;
CSS variable
--color-e2ddd4: #e2ddd4;
SCSS
$color-e2ddd4: #e2ddd4;
Tailwind
red-100
Export
:root {
--#e2ddd4-1: #e2ddd4;
}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.