Preview
#e2dcd3
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.36:1 · vs black: 15.41:1
HEX
#e2dcd3
RGB
rgb(226, 220, 211)
RGBA
rgba(226, 220, 211, 1)
HSL
hsl(36, 21%, 86%)
HSV
hsv(36, 7%, 89%)
LAB
lab(88% 0.49 5.14)
LCH
lch(88% 5.16 84.55)
OKLAB
oklab(0.8967 0.0028 0.0135)
OKLCH
oklch(0.8967 0.0138 78.28)
XYZ
xyz(68.71, 72.06, 71.90)
CMYK
cmyk(0%, 3%, 7%, 11%)
CSS
color: #e2dcd3;
CSS variable
--color-e2dcd3: #e2dcd3;
SCSS
$color-e2dcd3: #e2dcd3;
Tailwind
red-100
Export
:root {
--#e2dcd3-1: #e2dcd3;
}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.