Preview
#baafa3
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.15:1 · vs black: 9.75:1
HEX
#baafa3
RGB
rgb(186, 175, 163)
RGBA
rgba(186, 175, 163, 1)
HSL
hsl(31, 14%, 68%)
HSV
hsv(31, 12%, 73%)
LAB
lab(72.06% 1.86 7.56)
LCH
lch(72.06% 7.79 76.18)
OKLAB
oklab(0.7598 0.0072 0.0198)
OKLCH
oklch(0.7598 0.0211 70.02)
XYZ
xyz(42.19, 43.74, 40.86)
CMYK
cmyk(0%, 6%, 12%, 27%)
CSS
color: #baafa3;
CSS variable
--color-baafa3: #baafa3;
SCSS
$color-baafa3: #baafa3;
Tailwind
red-300
Export
:root {
--#baafa3-1: #baafa3;
}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.