#ba7a6a Hex Color

The RBG values of the #ba7a6a hex color are 186 (red), 122 (blue), and 106 (green). While the HSL values of #ba7a6a are 0.03 (hue), 0.27 (saturation), and 0.57 (lightness).

The CMYK values of #ba7a6a are 0 (cyan), 0.34 (magenta), 0.43 (yellow), and 0.27 (black).


#ba7a6a Color Spaces Conversions

This are the conversions of #ba7a6a to the different color spaces.

Hexadecimal

ba7a6a

CIE-Lab

57.4619, 23.0689, 19.034

RGB

186, 122, 106

CIE-Lch

57.4619, 29.9076, 39.5258

HSL

0.03, 0.27, 0.57

CIE-Luv

57.4619, 45.1441, 20.0002

HSV

0.03, 0.43, 0.73

Hunter-Lab

50.3972, 17.3905, 15.3172

CMYK

0, 0.34, 0.43, 0.27

XYZ

29.8108, 25.3988, 16.9669

Binary

10111010, 1111010, 1101010

YXY

25.3988, 0.413, 0.3519

#ba7a6a Color Schemes

This are some of the common color schemes used in web design for the #ba7a6a hex color.

#ba7a6a Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #ba7a6a to #2b1814.

#ba7a6a Color Tints

The color tints are created by adding white to the original color. Here we have created a sample array of tints from #ba7a6a to #ffffff.

#ba7a6a Similar Hex Colors



#ba7a6a Style Preview

Font Color

#ba7a6a Font Color
style='color:#ba7a6a;'

Background Color

#ba7a6a Background Color
style='background:#ba7a6a;'

Border Color

#ba7a6a Border Color
style='border:2px solid #ba7a6a;'

Text Shadow

#ba7a6a Text Shadow
style='text-shadow: 4px 4px 2px #ba7a6a;'

Shades Gradient

#ba7a6a Shades Gradient
style='background: -moz-linear-gradient(top, #ba7a6a, #2b1814); background: -webkit-linear-gradient(top, #ba7a6a, #2b1814); background: -o-linear-gradient(top, #ba7a6a, #2b1814); background: -ms-linear-gradient(top, #ba7a6a, #2b1814); background: linear-gradient(top, #ba7a6a, #2b1814);'

Tints Gradient

#ba7a6a Tints Gradient
style='background: -moz-linear-gradient(top, #ba7a6a, #ffffff); background: -webkit-linear-gradient(top, #ba7a6a, #ffffff); background: -o-linear-gradient(top, #ba7a6a, #ffffff); background: -ms-linear-gradient(top, #ba7a6a, #ffffff); background: linear-gradient(top, #ba7a6a, #ffffff);'