Preview
#a29886
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.85:1 · vs black: 7.37:1
HEX
#a29886
RGB
rgb(162, 152, 134)
RGBA
rgba(162, 152, 134, 1)
HSL
hsl(39, 13%, 58%)
HSV
hsv(39, 17%, 64%)
LAB
lab(63.23% 0.56 10.8)
LCH
lch(63.23% 10.81 87.03)
OKLAB
oklab(0.6832 0.0038 0.028)
OKLCH
oklch(0.6832 0.0283 82.27)
XYZ
xyz(30.43, 31.86, 27.10)
CMYK
cmyk(0%, 6%, 17%, 36%)
CSS
color: #a29886;
CSS variable
--color-a29886: #a29886;
SCSS
$color-a29886: #a29886;
Tailwind
red-400
Export
:root {
--#a29886-1: #a29886;
}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.