#baa993
Hex Color CodeThe hexadecimal color code #baa993
is a medium light shade of brown. In the RGB color model #baa993
is comprised of 72.94% red, 66.27% green and 57.65% blue. In the HSL color space #baa993
has a hue of 33.85 degrees, 22.03% saturation and 65.29% lightness. This color has an approximate wavelength of 599 nm. Behr Rushmore C40-30 is a matching paint color.
#baa993
Color InformationInverted
#45566c 25% Saturated
#bea98e Grayscale
#a6a6a6
rgb(186, 169, 147)
rgba(186, 169, 147, 1.0)
red: 69.4652%, yellow: 72.9412%, blue: 57.6471%
#baa993
12233107
-4544109 / 0xffbaa993
hsl(34, 22%, 65%)
hsla(34, 22%, 65%, 1.0)
hue: 34 (33.8462), saturation: 21 (20.9677), value: 73 (72.9412)
X: 39.7041, Y: 40.9216, Z: 33.4098
x: 0.3482, y: 0.3588, Y: 40.9216
L: 70.121, a: 2.5572, b: 13.5878
L: 70.121, u: 11.7227, v: 18.4821
L: 70.121, C: 13.8263, H: 79.3418
L: 63.97, a: -1.1583, b: 13.8135
cyan: 0 (0), magenta: 9 (0.0914), yellow: 21 (0.2097), key: 27 (0.2706)
cyan: 27 (0.2706), magenta: 34 (0.3373), yellow: 42 (0.4235)
Y: 171.575, I: 17.195, Q: -3.2502
Y: 171.575, U: -12.0915, V: 12.6552
Y: 171.575, Db: -36.976, Dr: -27.435
Y: 163.384, Cb: 115.826, Cr: 137.025
Y: 171.037, Pb: -12.955, Pr: 9.512
5Y 7/2 approximate; exact match: Munsell 5Y 7/2 / #bbad9a
#baa993
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#baa993
to White#baa993
to Black#baa993
foreground
<p style="color: #baa993; background-color: #000">#baa993 foreground</p>
#baa993
background
<p style="background-color: #baa993">#baa993 background</p>
#baa993
border
<p style="border: #baa993 3px solid">#baa993 border</p>
#baa993
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #baa993, #fff); background: -webkit-radial-gradient(50% 50%, #baa993, #fff); background: -o-radial-gradient(50% 50%, #baa993, #fff); background: -ms-radial-gradient(50% 50%, #baa993, #fff); background: radial-gradient(50% 50%, #baa993, #fff)">#baa993 radial gradient</p>
#baa993
linear gradient to complementary #92a3ba
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #baa993, #92a3ba); background: -webkit-linear-gradient(top, #baa993, #92a3ba); background: -o-linear-gradient(top, #baa993, #92a3ba); background: -ms-linear-gradient(top, #baa993, #92a3ba); background: linear-gradient(top, #baa993, #92a3ba); color: #000">
#baa993
linear gradient to complementary #92a3ba
</p>
#baa993
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #baa993">#baa993 text shadow</p>
The matching paint colors are listed in order of relevancy to the #baa993
hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #baa993
.
Jump to paint brand: