Preview
#bb4112
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 5.42:1 · vs black: 3.88:1
HEX
#bb4112
RGB
rgb(187, 65, 18)
RGBA
rgba(187, 65, 18, 1)
HSL
hsl(17, 82%, 40%)
HSV
hsv(17, 90%, 73%)
LAB
lab(44.79% 47.26 50.62)
LCH
lch(44.79% 69.25 46.97)
OKLAB
oklab(0.542 0.1301 0.1032)
OKLCH
oklch(0.542 0.1661 38.42)
XYZ
xyz(22.50, 14.39, 2.17)
CMYK
cmyk(0%, 65%, 90%, 27%)
CSS
color: #bb4112;
CSS variable
--color-bb4112: #bb4112;
SCSS
$color-bb4112: #bb4112;
Tailwind
slate-600
Export
:root {
--#bb4112-1: #bb4112;
}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.