Preview
#b86a47
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 4.05:1 · vs black: 5.19:1
HEX
#b86a47
RGB
rgb(184, 106, 71)
RGBA
rgba(184, 106, 71, 1)
HSL
hsl(19, 44%, 50%)
HSV
hsv(19, 61%, 72%)
LAB
lab(52.9% 27.84 32.88)
LCH
lch(52.9% 43.08 49.74)
OKLAB
oklab(0.6044 0.0797 0.0778)
OKLCH
oklch(0.6044 0.1114 44.31)
XYZ
xyz(26.06, 20.96, 8.63)
CMYK
cmyk(0%, 42%, 61%, 28%)
CSS
color: #b86a47;
CSS variable
--color-b86a47: #b86a47;
SCSS
$color-b86a47: #b86a47;
Tailwind
slate-500
Export
:root {
--#b86a47-1: #b86a47;
}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.