Preview
#bb7f5c
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.33:1 · vs black: 6.3:1
HEX
#bb7f5c
RGB
rgb(187, 127, 92)
RGBA
rgba(187, 127, 92, 1)
HSL
hsl(22, 41%, 55%)
HSV
hsv(22, 51%, 73%)
LAB
lab(58.53% 19.26 28.37)
LCH
lch(58.53% 34.29 55.83)
OKLAB
oklab(0.6497 0.0564 0.0693)
OKLCH
oklch(0.6497 0.0894 50.86)
XYZ
xyz(30.02, 26.52, 13.66)
CMYK
cmyk(0%, 32%, 51%, 27%)
CSS
color: #bb7f5c;
CSS variable
--color-bb7f5c: #bb7f5c;
SCSS
$color-bb7f5c: #bb7f5c;
Tailwind
red-400
Export
:root {
--#bb7f5c-1: #bb7f5c;
}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.