#ba8b56 hex color

In a RGB color space, hex #ba8b56 is composed of 72.9% red, 54.5% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.3% magenta, 53.8% yellow and 27.1% black. It has a hue angle of 31.8 degrees, a saturation of 42% and a lightness of 53.3%. #ba8b56 color hex could be obtained by blending #ffffac with #751700. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 55
- B 34
RGB color chart
- C 0
- M 25
- Y 54
- K 27
CMYK color chart

● #ba8b56 color description : Moderate orange.

The hexadecimal color #ba8b56 has RGB values of R:186, G:139, B:86 and CMYK values of C:0, M:0.25, Y:0.54, K:0.27. Its decimal value is 12225366.

Hex triplet	ba8b56	`#ba8b56`
RGB Decimal	186, 139, 86	`rgb(186,139,86)`
RGB Percent	72.9, 54.5, 33.7	`rgb(72.9%,54.5%,33.7%)`
CMYK	0, 25, 54, 27
HSL	31.8°, 42, 53.3	`hsl(31.8,42%,53.3%)`
HSV (or HSB)	31.8°, 53.8, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	61.288, 11.635, 35.099
XYZ	31.162, 29.578, 12.871
xyY	0.423, 0.402, 29.578
CIE-LCH	61.288, 36.977, 71.661
CIE-LUV	61.288, 35.799, 39.936
Hunter-Lab	54.385, 7.104, 24.038
Binary	10111010, 10001011, 01010110

#ba8b56
```
#ba8b56 rgb(186,139,86)
```
#5685ba
```
#5685ba rgb(86,133,186)
```

Complementary Color

#ba5956
```
#ba5956 rgb(186,89,86)
```
#ba8b56
```
#ba8b56 rgb(186,139,86)
```
#b7ba56
```
#b7ba56 rgb(183,186,86)
```

Analogous Color

#5956ba
```
#5956ba rgb(89,86,186)
```
#ba8b56
```
#ba8b56 rgb(186,139,86)
```
#56b7ba
```
#56b7ba rgb(86,183,186)
```

Split Complementary Color

#8b56ba
```
#8b56ba rgb(139,86,186)
```
#ba8b56
```
#ba8b56 rgb(186,139,86)
```
#56ba8b
```
#56ba8b rgb(86,186,139)
```

Triadic Color

#ba5685
```
#ba5685 rgb(186,86,133)
```
#ba8b56
```
#ba8b56 rgb(186,139,86)
```
#56ba8b
```
#56ba8b rgb(86,186,139)
```
#5685ba
```
#5685ba rgb(86,133,186)
```

Tetradic Color

#8b6439
```
#8b6439 rgb(139,100,57)
```
#9d7140
```
#9d7140 rgb(157,113,64)
```
#af7e47
```
#af7e47 rgb(175,126,71)
```
#ba8b56
```
#ba8b56 rgb(186,139,86)
```
#c19768
```
#c19768 rgb(193,151,104)
```
#c9a47a
```
#c9a47a rgb(201,164,122)
```
#d0b08c
```
#d0b08c rgb(208,176,140)
```

Monochromatic Color

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

#ba7256
```
#ba7256 rgb(186,114,86)
```
#ba7a56
```
#ba7a56 rgb(186,122,86)
```
#ba8356
```
#ba8356 rgb(186,131,86)
```
#ba8b56
```
#ba8b56 rgb(186,139,86)
```
#ba9356
```
#ba9356 rgb(186,147,86)
```
#ba9c56
```
#ba9c56 rgb(186,156,86)
```
#baa456
```
#baa456 rgb(186,164,86)
```

Similar Colors

Text with hexadecimal color #ba8b56

This text has a font color of #ba8b56.

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

#ba8b56 background color

This paragraph has a background color of #ba8b56.

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

#ba8b56 border color

This element has a border color of #ba8b56.

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

CSS codes

.text {color:#ba8b56;}

.background {background-color:#ba8b56;}

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

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, #0c0905 is the darkest color, while #fefefd is the lightest one.

#0c0905
```
#0c0905 rgb(12,9,5)
```
#1a130b
```
#1a130b rgb(26,19,11)
```
#281d10
```
#281d10 rgb(40,29,16)
```
#362716
```
#362716 rgb(54,39,22)
```
#44311c
```
#44311c rgb(68,49,28)
```
#523b21
```
#523b21 rgb(82,59,33)
```
#604527
```
#604527 rgb(96,69,39)
```
#6e4f2d
```
#6e4f2d rgb(110,79,45)
```
#7c5932
```
#7c5932 rgb(124,89,50)
```
#896338
```
#896338 rgb(137,99,56)
```
#976d3e
```
#976d3e rgb(151,109,62)
```
#a57743
```
#a57743 rgb(165,119,67)
```
#b38149
```
#b38149 rgb(179,129,73)
```

Shade Color Variation

#ba8b56
```
#ba8b56 rgb(186,139,86)
```
#c09564
```
#c09564 rgb(192,149,100)
```
#c59e72
```
#c59e72 rgb(197,158,114)
```
#cba880
```
#cba880 rgb(203,168,128)
```
#d1b18e
```
#d1b18e rgb(209,177,142)
```
#d6bb9c
```
#d6bb9c rgb(214,187,156)
```
#dcc4aa
```
#dcc4aa rgb(220,196,170)
```
#e2ceb8
```
#e2ceb8 rgb(226,206,184)
```
#e7d7c5
```
#e7d7c5 rgb(231,215,197)
```
#ede1d3
```
#ede1d3 rgb(237,225,211)
```
#f3ebe1
```
#f3ebe1 rgb(243,235,225)
```
#f9f4ef
```
#f9f4ef rgb(249,244,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#8c8884
```
#8c8884 rgb(140,136,132)
```
#95897b
```
#95897b rgb(149,137,123)
```
#9f8971
```
#9f8971 rgb(159,137,113)
```
#a88a68
```
#a88a68 rgb(168,138,104)
```
#b18a5f
```
#b18a5f rgb(177,138,95)
```
#ba8b56
```
#ba8b56 rgb(186,139,86)
```
#c38c4d
```
#c38c4d rgb(195,140,77)
```
#cc8c44
```
#cc8c44 rgb(204,140,68)
```
#d58d3b
```
#d58d3b rgb(213,141,59)
```
#df8d31
```
#df8d31 rgb(223,141,49)
```
#e88e28
```
#e88e28 rgb(232,142,40)
```
#f18e1f
```
#f18e1f rgb(241,142,31)
```
#fa8f16
```
#fa8f16 rgb(250,143,22)
```

Tone Color Variation

Below, you can see how #ba8b56 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

#939393 Achromatopsia 0.005% of the population
#9b9187 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79961 Protanopia 1% of men
#b9925e Deuteranopia 1% of men
#c28a93 Tritanopia 0.001% of the population

Trichromacy

#ad945d Protanomaly 1% of men, 0.01% of women
#b9905b Deuteranomaly 6% of men, 0.4% of women
#bf8a7d Tritanomaly 0.01% of the population

#ba8b56 hex color

#ba8b56 Color Information

#ba8b56 Color Conversion

Color Schemes with #ba8b56

Alternatives to #ba8b56

#ba8b56 Preview

Shades and Tints of #ba8b56

Tones of #ba8b56

Color Blindness Simulator