Preview
#e1ddd4
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.36:1 · vs black: 15.49:1
HEX
#e1ddd4
RGB
rgb(225, 221, 212)
RGBA
rgba(225, 221, 212, 1)
HSL
hsl(42, 18%, 86%)
HSV
hsv(42, 6%, 88%)
LAB
lab(88.2% -0.21 4.89)
LCH
lch(88.2% 4.89 92.46)
OKLAB
oklab(0.8982 0.0007 0.0129)
OKLCH
oklch(0.8982 0.0129 86.89)
XYZ
xyz(68.79, 72.47, 72.64)
CMYK
cmyk(0%, 2%, 6%, 12%)
CSS
color: #e1ddd4;
CSS variable
--color-e1ddd4: #e1ddd4;
SCSS
$color-e1ddd4: #e1ddd4;
Tailwind
orange-100
Export
:root {
--#e1ddd4-1: #e1ddd4;
}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.