Preview
#86472f
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 7.1:1 · vs black: 2.96:1
HEX
#86472f
RGB
rgb(134, 71, 47)
RGBA
rgba(134, 71, 47, 1)
HSL
hsl(17, 48%, 35%)
HSV
hsv(17, 65%, 53%)
LAB
lab(37.45% 24.56 26.15)
LCH
lch(37.45% 35.88 46.8)
OKLAB
oklab(0.47 0.0703 0.0615)
OKLCH
oklch(0.47 0.0934 41.18)
XYZ
xyz(12.60, 9.78, 3.91)
CMYK
cmyk(0%, 47%, 65%, 47%)
CSS
color: #86472f;
CSS variable
--color-86472f: #86472f;
SCSS
$color-86472f: #86472f;
Tailwind
slate-600
Export
:root {
--#86472f-1: #86472f;
}Bold warmth and intensity. Strong for food, sports, and energetic identities.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Orange family.