#ba874e hex color

In a RGB color space, hex #ba874e is composed of 72.9% red, 52.9% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.4% magenta, 58.1% yellow and 27.1% black. It has a hue angle of 31.7 degrees, a saturation of 43.9% and a lightness of 51.8%. #ba874e color hex could be obtained by blending #ffff9c with #750f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 53
- B 31
RGB color chart
- C 0
- M 27
- Y 58
- K 27
CMYK color chart

● #ba874e color description : Moderate orange.

The hexadecimal color #ba874e has RGB values of R:186, G:135, B:78 and CMYK values of C:0, M:0.27, Y:0.58, K:0.27. Its decimal value is 12224334.

Hex triplet	ba874e	`#ba874e`
RGB Decimal	186, 135, 78	`rgb(186,135,78)`
RGB Percent	72.9, 52.9, 30.6	`rgb(72.9%,52.9%,30.6%)`
CMYK	0, 27, 58, 27
HSL	31.7°, 43.9, 51.8	`hsl(31.7,43.9%,51.8%)`
HSV (or HSB)	31.7°, 58.1, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.176, 13.18, 37.969
XYZ	30.289, 28.319, 11.078
xyY	0.435, 0.406, 28.319
CIE-LCH	60.176, 40.192, 70.857
CIE-LUV	60.176, 39.331, 41.938
Hunter-Lab	53.215, 8.472, 24.908
Binary	10111010, 10000111, 01001110

#ba874e
```
#ba874e rgb(186,135,78)
```
#4e81ba
```
#4e81ba rgb(78,129,186)
```

Complementary Color

#ba514e
```
#ba514e rgb(186,81,78)
```
#ba874e
```
#ba874e rgb(186,135,78)
```
#b7ba4e
```
#b7ba4e rgb(183,186,78)
```

Analogous Color

#514eba
```
#514eba rgb(81,78,186)
```
#ba874e
```
#ba874e rgb(186,135,78)
```
#4eb7ba
```
#4eb7ba rgb(78,183,186)
```

Split Complementary Color

#874eba
```
#874eba rgb(135,78,186)
```
#ba874e
```
#ba874e rgb(186,135,78)
```
#4eba87
```
#4eba87 rgb(78,186,135)
```

Triadic Color

#ba4e81
```
#ba4e81 rgb(186,78,129)
```
#ba874e
```
#ba874e rgb(186,135,78)
```
#4eba87
```
#4eba87 rgb(78,186,135)
```
#4e81ba
```
#4e81ba rgb(78,129,186)
```

Tetradic Color

#876035
```
#876035 rgb(135,96,53)
```
#996d3c
```
#996d3c rgb(153,109,60)
```
#ac7a43
```
#ac7a43 rgb(172,122,67)
```
#ba874e
```
#ba874e rgb(186,135,78)
```
#c19360
```
#c19360 rgb(193,147,96)
```
#c8a073
```
#c8a073 rgb(200,160,115)
```
#cfac85
```
#cfac85 rgb(207,172,133)
```

Monochromatic Color

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

#ba6c4e
```
#ba6c4e rgb(186,108,78)
```
#ba754e
```
#ba754e rgb(186,117,78)
```
#ba7e4e
```
#ba7e4e rgb(186,126,78)
```
#ba874e
```
#ba874e rgb(186,135,78)
```
#ba904e
```
#ba904e rgb(186,144,78)
```
#ba994e
```
#ba994e rgb(186,153,78)
```
#baa24e
```
#baa24e rgb(186,162,78)
```

Similar Colors

Text with hexadecimal color #ba874e

This text has a font color of #ba874e.

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

#ba874e background color

This paragraph has a background color of #ba874e.

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

#ba874e border color

This element has a border color of #ba874e.

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

CSS codes

.text {color:#ba874e;}

.background {background-color:#ba874e;}

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

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, #060503 is the darkest color, while #fcfaf7 is the lightest one.

#060503
```
#060503 rgb(6,5,3)
```
#150f08
```
#150f08 rgb(21,15,8)
```
#23190e
```
#23190e rgb(35,25,14)
```
#312313
```
#312313 rgb(49,35,19)
```
#3f2d19
```
#3f2d19 rgb(63,45,25)
```
#4d371e
```
#4d371e rgb(77,55,30)
```
#5b4124
```
#5b4124 rgb(91,65,36)
```
#694b29
```
#694b29 rgb(105,75,41)
```
#77552f
```
#77552f rgb(119,85,47)
```
#855f34
```
#855f34 rgb(133,95,52)
```
#94693a
```
#94693a rgb(148,105,58)
```
#a2733f
```
#a2733f rgb(162,115,63)
```
#b07d45
```
#b07d45 rgb(176,125,69)
```

Shade Color Variation

#ba874e
```
#ba874e rgb(186,135,78)
```
#c0915c
```
#c0915c rgb(192,145,92)
```
#c59a6a
```
#c59a6a rgb(197,154,106)
```
#cba478
```
#cba478 rgb(203,164,120)
```
#d0ad86
```
#d0ad86 rgb(208,173,134)
```
#d6b795
```
#d6b795 rgb(214,183,149)
```
#dbc0a3
```
#dbc0a3 rgb(219,192,163)
```
#e1cab1
```
#e1cab1 rgb(225,202,177)
```
#e6d4bf
```
#e6d4bf rgb(230,212,191)
```
#ecddcd
```
#ecddcd rgb(236,221,205)
```
#f1e7db
```
#f1e7db rgb(241,231,219)
```
#f7f0e9
```
#f7f0e9 rgb(247,240,233)
```
#fcfaf7
```
#fcfaf7 rgb(252,250,247)
```

Tint Color Variation

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

#8b847d
```
#8b847d rgb(139,132,125)
```
#948574
```
#948574 rgb(148,133,116)
```
#9e856a
```
#9e856a rgb(158,133,106)
```
#a78661
```
#a78661 rgb(167,134,97)
```
#b18657
```
#b18657 rgb(177,134,87)
```
#ba874e
```
#ba874e rgb(186,135,78)
```
#c38845
```
#c38845 rgb(195,136,69)
```
#cd883b
```
#cd883b rgb(205,136,59)
```
#d68932
```
#d68932 rgb(214,137,50)
```
#e08928
```
#e08928 rgb(224,137,40)
```
#e98a1f
```
#e98a1f rgb(233,138,31)
```
#f38a15
```
#f38a15 rgb(243,138,21)
```
#fc8b0c
```
#fc8b0c rgb(252,139,12)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#988e83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4965a Protanopia 1% of men
#b69056 Deuteranopia 1% of men
#c2868f Tritanopia 0.001% of the population

Trichromacy

#ac9155 Protanomaly 1% of men, 0.01% of women
#b78c53 Deuteranomaly 6% of men, 0.4% of women
#bf8677 Tritanomaly 0.01% of the population

#ba874e hex color

#ba874e Color Information

#ba874e Color Conversion

Color Schemes with #ba874e

Alternatives to #ba874e

#ba874e Preview

Shades and Tints of #ba874e

Tones of #ba874e

Color Blindness Simulator