Preview
#e2dfda
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.33:1 · vs black: 15.8:1
HEX
#e2dfda
RGB
rgb(226, 223, 218)
RGBA
rgba(226, 223, 218, 1)
HSL
hsl(38, 12%, 87%)
HSV
hsv(38, 4%, 89%)
LAB
lab(88.93% 0.14 2.8)
LCH
lch(88.93% 2.8 87.14)
OKLAB
oklab(0.9046 0.0012 0.0074)
OKLCH
oklch(0.9046 0.0075 80.79)
XYZ
xyz(70.40, 74.01, 76.89)
CMYK
cmyk(0%, 1%, 4%, 11%)
CSS
color: #e2dfda;
CSS variable
--color-e2dfda: #e2dfda;
SCSS
$color-e2dfda: #e2dfda;
Tailwind
red-100
Export
:root {
--#e2dfda-1: #e2dfda;
}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.