Preview
#baa69c
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.33:1 · vs black: 9.02:1
HEX
#baa69c
RGB
rgb(186, 166, 156)
RGBA
rgba(186, 166, 156, 1)
HSL
hsl(20, 18%, 67%)
HSV
hsv(20, 16%, 73%)
LAB
lab(69.55% 5.59 7.82)
LCH
lch(69.55% 9.61 54.44)
OKLAB
oklab(0.7396 0.0182 0.0205)
OKLCH
oklch(0.7396 0.0274 48.4)
XYZ
xyz(39.89, 40.11, 37.09)
CMYK
cmyk(0%, 11%, 16%, 27%)
CSS
color: #baa69c;
CSS variable
--color-baa69c: #baa69c;
SCSS
$color-baa69c: #baa69c;
Tailwind
red-300
Export
:root {
--#baa69c-1: #baa69c;
}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.