Preview
#e7d3a6
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.47:1 · vs black: 14.27:1
HEX
#e7d3a6
RGB
rgb(231, 211, 166)
RGBA
rgba(231, 211, 166, 1)
HSL
hsl(42, 58%, 78%)
HSV
hsv(42, 28%, 91%)
LAB
lab(85.17% 0.2 24.85)
LCH
lch(85.17% 24.85 89.54)
OKLAB
oklab(0.8723 0.0035 0.0629)
OKLCH
oklch(0.8723 0.063 86.82)
XYZ
xyz(63.13, 66.33, 45.55)
CMYK
cmyk(0%, 9%, 28%, 9%)
CSS
color: #e7d3a6;
CSS variable
--color-e7d3a6: #e7d3a6;
SCSS
$color-e7d3a6: #e7d3a6;
Tailwind
orange-200
Export
:root {
--#e7d3a6-1: #e7d3a6;
}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.