colorhexa.com

#ba7856 hex color

In a RGB color space, hex #ba7856 is composed of 72.9% red, 47.1% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.5% magenta, 53.8% yellow and 27.1% black. It has a hue angle of 20.4 degrees, a saturation of 42% and a lightness of 53.3%. #ba7856 color hex could be obtained by blending #fff0ac with #750000. Closest websafe color is: #cc6666.

- R 73
- G 47
- B 34
RGB color chart
- C 0
- M 35
- Y 54
- K 27
CMYK color chart

● #ba7856 color description : Moderate orange.

The hexadecimal color #ba7856 has RGB values of R:186, G:120, B:86 and CMYK values of C:0, M:0.35, Y:0.54, K:0.27. Its decimal value is 12220502.

Hex triplet	ba7856	`#ba7856`
RGB Decimal	186, 120, 86	`rgb(186,120,86)`
RGB Percent	72.9, 47.1, 33.7	`rgb(72.9%,47.1%,33.7%)`
CMYK	0, 35, 54, 27
HSL	20.4°, 42, 53.3	`hsl(20.4,42%,53.3%)`
HSV (or HSB)	20.4°, 53.8, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	56.63, 22.172, 29.248
XYZ	28.646, 24.546, 12.033
xyY	0.439, 0.376, 24.546
CIE-LCH	56.63, 36.702, 52.835
CIE-LUV	56.63, 49.202, 30.872
Hunter-Lab	49.544, 16.508, 20.281
Binary	10111010, 01111000, 01010110

#ba7856
```
#ba7856 rgb(186,120,86)
```
#5698ba
```
#5698ba rgb(86,152,186)
```

Complementary Color

#ba5666
```
#ba5666 rgb(186,86,102)
```
#ba7856
```
#ba7856 rgb(186,120,86)
```
#baaa56
```
#baaa56 rgb(186,170,86)
```

Analogous Color

#5666ba
```
#5666ba rgb(86,102,186)
```
#ba7856
```
#ba7856 rgb(186,120,86)
```
#56baaa
```
#56baaa rgb(86,186,170)
```

Split Complementary Color

#7856ba
```
#7856ba rgb(120,86,186)
```
#ba7856
```
#ba7856 rgb(186,120,86)
```
#56ba78
```
#56ba78 rgb(86,186,120)
```

Triadic Color

#ba5698
```
#ba5698 rgb(186,86,152)
```
#ba7856
```
#ba7856 rgb(186,120,86)
```
#56ba78
```
#56ba78 rgb(86,186,120)
```
#5698ba
```
#5698ba rgb(86,152,186)
```

Tetradic Color

#8b5539
```
#8b5539 rgb(139,85,57)
```
#9d6040
```
#9d6040 rgb(157,96,64)
```
#af6b47
```
#af6b47 rgb(175,107,71)
```
#ba7856
```
#ba7856 rgb(186,120,86)
```
#c18668
```
#c18668 rgb(193,134,104)
```
#c9957a
```
#c9957a rgb(201,149,122)
```
#d0a38c
```
#d0a38c rgb(208,163,140)
```

Monochromatic Color

Below, you can see some colors close to #ba7856. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ba5f56
```
#ba5f56 rgb(186,95,86)
```
#ba6756
```
#ba6756 rgb(186,103,86)
```
#ba7056
```
#ba7056 rgb(186,112,86)
```
#ba7856
```
#ba7856 rgb(186,120,86)
```
#ba8056
```
#ba8056 rgb(186,128,86)
```
#ba8956
```
#ba8956 rgb(186,137,86)
```
#ba9156
```
#ba9156 rgb(186,145,86)
```

Similar Colors

Text with hexadecimal color #ba7856

This text has a font color of #ba7856.

<span style="color:#ba7856;">Text here</span>

#ba7856 background color

This paragraph has a background color of #ba7856.

<p style="background-color:#ba7856;">Content here</p>

#ba7856 border color

This element has a border color of #ba7856.

<div style="border:1px solid #ba7856;">Content here</div>

CSS codes

.text {color:#ba7856;}

.background {background-color:#ba7856;}

.border {border:1px solid #ba7856;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0c0705 is the darkest color, while #fefefd is the lightest one.

#0c0705
```
#0c0705 rgb(12,7,5)
```
#1a100b
```
#1a100b rgb(26,16,11)
```
#281810
```
#281810 rgb(40,24,16)
```
#362116
```
#362116 rgb(54,33,22)
```
#44291c
```
#44291c rgb(68,41,28)
```
#523221
```
#523221 rgb(82,50,33)
```
#603a27
```
#603a27 rgb(96,58,39)
```
#6e432d
```
#6e432d rgb(110,67,45)
```
#7c4b32
```
#7c4b32 rgb(124,75,50)
```
#895438
```
#895438 rgb(137,84,56)
```
#975c3e
```
#975c3e rgb(151,92,62)
```
#a56543
```
#a56543 rgb(165,101,67)
```
#b36d49
```
#b36d49 rgb(179,109,73)
```

Shade Color Variation

#ba7856
```
#ba7856 rgb(186,120,86)
```
#c08364
```
#c08364 rgb(192,131,100)
```
#c58e72
```
#c58e72 rgb(197,142,114)
```
#cb9980
```
#cb9980 rgb(203,153,128)
```
#d1a58e
```
#d1a58e rgb(209,165,142)
```
#d6b09c
```
#d6b09c rgb(214,176,156)
```
#dcbbaa
```
#dcbbaa rgb(220,187,170)
```
#e2c6b8
```
#e2c6b8 rgb(226,198,184)
```
#e7d1c5
```
#e7d1c5 rgb(231,209,197)
```
#eddcd3
```
#eddcd3 rgb(237,220,211)
```
#f3e7e1
```
#f3e7e1 rgb(243,231,225)
```
#f9f2ef
```
#f9f2ef rgb(249,242,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8784 is the less saturated color, while #fa6316 is the most saturated one.

#8c8784
```
#8c8784 rgb(140,135,132)
```
#95847b
```
#95847b rgb(149,132,123)
```
#9f8171
```
#9f8171 rgb(159,129,113)
```
#a87e68
```
#a87e68 rgb(168,126,104)
```
#b17b5f
```
#b17b5f rgb(177,123,95)
```
#ba7856
```
#ba7856 rgb(186,120,86)
```
#c3754d
```
#c3754d rgb(195,117,77)
```
#cc7244
```
#cc7244 rgb(204,114,68)
```
#d56f3b
```
#d56f3b rgb(213,111,59)
```
#df6c31
```
#df6c31 rgb(223,108,49)
```
#e86928
```
#e86928 rgb(232,105,40)
```
#f1661f
```
#f1661f rgb(241,102,31)
```
#fa6316
```
#fa6316 rgb(250,99,22)
```

Tone Color Variation

Below, you can see how #ba7856 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#888888 Achromatopsia 0.005% of the population
#92857e Atypical Achromatopsia 0.001% of the population

Dichromacy

#998d64 Protanopia 1% of men
#aa885c Deuteranopia 1% of men
#c07a82 Tritanopia 0.001% of the population

Trichromacy

#a5855f Protanomaly 1% of men, 0.01% of women
#af8259 Deuteranomaly 6% of men, 0.4% of women
#be7972 Tritanomaly 0.01% of the population