Preview
#ba997e
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.64:1 · vs black: 7.95:1
HEX
#ba997e
RGB
rgb(186, 153, 126)
RGBA
rgba(186, 153, 126, 1)
HSL
hsl(27, 30%, 61%)
HSV
hsv(27, 32%, 73%)
LAB
lab(65.54% 8.31 18.81)
LCH
lch(65.54% 20.56 66.16)
OKLAB
oklab(0.706 0.0265 0.0478)
OKLCH
oklch(0.706 0.0547 61)
XYZ
xyz(35.41, 34.73, 24.57)
CMYK
cmyk(0%, 18%, 32%, 27%)
CSS
color: #ba997e;
CSS variable
--color-ba997e: #ba997e;
SCSS
$color-ba997e: #ba997e;
Tailwind
red-300
Export
:root {
--#ba997e-1: #ba997e;
}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.