Preview
#e5d2a2
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.49:1 · vs black: 14.07:1
HEX
#e5d2a2
RGB
rgb(229, 210, 162)
RGBA
rgba(229, 210, 162, 1)
HSL
hsl(43, 56%, 77%)
HSV
hsv(43, 29%, 90%)
LAB
lab(84.67% -0.56 26.23)
LCH
lch(84.67% 26.24 91.22)
OKLAB
oklab(0.8677 0.0012 0.0662)
OKLCH
oklch(0.8677 0.0662 88.96)
XYZ
xyz(61.88, 65.36, 43.53)
CMYK
cmyk(0%, 8%, 29%, 10%)
CSS
color: #e5d2a2;
CSS variable
--color-e5d2a2: #e5d2a2;
SCSS
$color-e5d2a2: #e5d2a2;
Tailwind
orange-200
Export
:root {
--#e5d2a2-1: #e5d2a2;
}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.