Preview
#b4470e
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 5.46:1 · vs black: 3.85:1
HEX
#b4470e
RGB
rgb(180, 71, 14)
RGBA
rgba(180, 71, 14, 1)
HSL
hsl(21, 86%, 38%)
HSV
hsv(21, 92%, 71%)
LAB
lab(44.58% 41.9 51.24)
LCH
lch(44.58% 66.19 50.73)
OKLAB
oklab(0.538 0.1139 0.1042)
OKLCH
oklch(0.538 0.1544 42.45)
XYZ
xyz(21.16, 14.24, 2.05)
CMYK
cmyk(0%, 61%, 92%, 29%)
CSS
color: #b4470e;
CSS variable
--color-b4470e: #b4470e;
SCSS
$color-b4470e: #b4470e;
Tailwind
red-600
Export
:root {
--#b4470e-1: #b4470e;
}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.