Preview
#e1dfdb
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.33:1 · vs black: 15.78:1
HEX
#e1dfdb
RGB
rgb(225, 223, 219)
RGBA
rgba(225, 223, 219, 1)
HSL
hsl(40, 9%, 87%)
HSV
hsv(40, 3%, 88%)
LAB
lab(88.87% -0.03 2.19)
LCH
lch(88.87% 2.19 90.78)
OKLAB
oklab(0.9041 0.0006 0.0058)
OKLCH
oklch(0.9041 0.0058 84.09)
XYZ
xyz(70.22, 73.90, 77.57)
CMYK
cmyk(0%, 1%, 3%, 12%)
CSS
color: #e1dfdb;
CSS variable
--color-e1dfdb: #e1dfdb;
SCSS
$color-e1dfdb: #e1dfdb;
Tailwind
orange-100
Export
:root {
--#e1dfdb-1: #e1dfdb;
}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.