Preview
#b49a89
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.65:1 · vs black: 7.92:1
HEX
#b49a89
RGB
rgb(180, 154, 137)
RGBA
rgba(180, 154, 137, 1)
HSL
hsl(24, 22%, 62%)
HSV
hsv(24, 24%, 71%)
LAB
lab(65.45% 6.93 12.49)
LCH
lch(65.45% 14.28 60.98)
OKLAB
oklab(0.7048 0.0225 0.0323)
OKLCH
oklch(0.7048 0.0394 55.14)
XYZ
xyz(34.89, 34.62, 28.51)
CMYK
cmyk(0%, 14%, 24%, 29%)
CSS
color: #b49a89;
CSS variable
--color-b49a89: #b49a89;
SCSS
$color-b49a89: #b49a89;
Tailwind
red-300
Export
:root {
--#b49a89-1: #b49a89;
}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.