Preview
#876e40
Family: Orange
Accessibility on this swatch:
Contrast vs white: 4.84:1 · vs black: 4.33:1
HEX
#876e40
RGB
rgb(135, 110, 64)
RGBA
rgba(135, 110, 64, 1)
HSL
hsl(39, 36%, 39%)
HSV
hsv(39, 53%, 53%)
LAB
lab(47.85% 3.69 29.21)
LCH
lch(47.85% 29.44 82.8)
OKLAB
oklab(0.5518 0.0103 0.07)
OKLCH
oklch(0.5518 0.0708 81.63)
XYZ
xyz(16.49, 16.67, 7.20)
CMYK
cmyk(0%, 19%, 53%, 47%)
CSS
color: #876e40;
CSS variable
--color-876e40: #876e40;
SCSS
$color-876e40: #876e40;
Tailwind
red-600
Export
:root {
--spectrum-#876e40-1: #876e40;
}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.