Preview
#baa591
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.37:1 · vs black: 8.88:1
HEX
#baa591
RGB
rgb(186, 165, 145)
RGBA
rgba(186, 165, 145, 1)
HSL
hsl(29, 23%, 65%)
HSV
hsv(29, 22%, 73%)
LAB
lab(69.04% 4.42 13.17)
LCH
lch(69.04% 13.89 71.45)
OKLAB
oklab(0.7348 0.0153 0.034)
OKLCH
oklch(0.7348 0.0373 65.77)
XYZ
xyz(38.82, 39.39, 32.34)
CMYK
cmyk(0%, 11%, 22%, 27%)
CSS
color: #baa591;
CSS variable
--color-baa591: #baa591;
SCSS
$color-baa591: #baa591;
Tailwind
red-300
Export
:root {
--#baa591-1: #baa591;
}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.