Preview
#e7e5e0
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.26:1 · vs black: 16.68:1
HEX
#e7e5e0
RGB
rgb(231, 229, 224)
RGBA
rgba(231, 229, 224, 1)
HSL
hsl(43, 13%, 89%)
HSV
hsv(43, 3%, 91%)
LAB
lab(90.97% -0.2 2.67)
LCH
lch(90.97% 2.68 94.28)
OKLAB
oklab(0.9221 0.0002 0.0071)
OKLCH
oklch(0.9221 0.0071 88.39)
XYZ
xyz(74.43, 78.41, 81.72)
CMYK
cmyk(0%, 1%, 3%, 9%)
CSS
color: #e7e5e0;
CSS variable
--color-e7e5e0: #e7e5e0;
SCSS
$color-e7e5e0: #e7e5e0;
Tailwind
orange-100
Export
:root {
--#e7e5e0-1: #e7e5e0;
}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.