Preview
#b1a193
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.5:1 · vs black: 8.39:1
HEX
#b1a193
RGB
rgb(177, 161, 147)
RGBA
rgba(177, 161, 147, 1)
HSL
hsl(28, 16%, 64%)
HSV
hsv(28, 17%, 69%)
LAB
lab(67.24% 3.47 9.4)
LCH
lch(67.24% 10.02 69.74)
OKLAB
oklab(0.7189 0.0122 0.0245)
OKLCH
oklch(0.7189 0.0274 63.53)
XYZ
xyz(36.14, 36.94, 32.83)
CMYK
cmyk(0%, 9%, 17%, 31%)
CSS
color: #b1a193;
CSS variable
--color-b1a193: #b1a193;
SCSS
$color-b1a193: #b1a193;
Tailwind
red-300
Export
:root {
--#b1a193-1: #b1a193;
}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.