#ba875e hex color

In a RGB color space, hex #ba875e is composed of 72.9% red, 52.9% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.4% magenta, 49.5% yellow and 27.1% black. It has a hue angle of 26.7 degrees, a saturation of 40% and a lightness of 54.9%. #ba875e color hex could be obtained by blending #ffffbc with #750f00. Closest websafe color is: #cc9966.

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

● #ba875e color description : Slightly desaturated orange.

The hexadecimal color #ba875e has RGB values of R:186, G:135, B:94 and CMYK values of C:0, M:0.27, Y:0.49, K:0.27. Its decimal value is 12224350.

Hex triplet	ba875e	`#ba875e`
RGB Decimal	186, 135, 94	`rgb(186,135,94)`
RGB Percent	72.9, 52.9, 36.9	`rgb(72.9%,52.9%,36.9%)`
CMYK	0, 27, 49, 27
HSL	26.7°, 40, 54.9	`hsl(26.7,40%,54.9%)`
HSV (or HSB)	26.7°, 49.5, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.406, 14.593, 29.659
XYZ	30.934, 28.577, 14.476
xyY	0.418, 0.386, 28.577
CIE-LCH	60.406, 33.055, 63.802
CIE-LUV	60.406, 37.813, 33.739
Hunter-Lab	53.457, 9.743, 21.365
Binary	10111010, 10000111, 01011110

#ba875e
```
#ba875e rgb(186,135,94)
```
#5e91ba
```
#5e91ba rgb(94,145,186)
```

Complementary Color

#ba5e63
```
#ba5e63 rgb(186,94,99)
```
#ba875e
```
#ba875e rgb(186,135,94)
```
#bab55e
```
#bab55e rgb(186,181,94)
```

Analogous Color

#5e63ba
```
#5e63ba rgb(94,99,186)
```
#ba875e
```
#ba875e rgb(186,135,94)
```
#5ebab5
```
#5ebab5 rgb(94,186,181)
```

Split Complementary Color

#875eba
```
#875eba rgb(135,94,186)
```
#ba875e
```
#ba875e rgb(186,135,94)
```
#5eba87
```
#5eba87 rgb(94,186,135)
```

Triadic Color

#ba5e91
```
#ba5e91 rgb(186,94,145)
```
#ba875e
```
#ba875e rgb(186,135,94)
```
#5eba87
```
#5eba87 rgb(94,186,135)
```
#5e91ba
```
#5e91ba rgb(94,145,186)
```

Tetradic Color

#8e613d
```
#8e613d rgb(142,97,61)
```
#a06e45
```
#a06e45 rgb(160,110,69)
```
#b27a4c
```
#b27a4c rgb(178,122,76)
```
#ba875e
```
#ba875e rgb(186,135,94)
```
#c29470
```
#c29470 rgb(194,148,112)
```
#c9a282
```
#c9a282 rgb(201,162,130)
```
#d1af94
```
#d1af94 rgb(209,175,148)
```

Monochromatic Color

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

#ba705e
```
#ba705e rgb(186,112,94)
```
#ba785e
```
#ba785e rgb(186,120,94)
```
#ba7f5e
```
#ba7f5e rgb(186,127,94)
```
#ba875e
```
#ba875e rgb(186,135,94)
```
#ba8f5e
```
#ba8f5e rgb(186,143,94)
```
#ba965e
```
#ba965e rgb(186,150,94)
```
#ba9e5e
```
#ba9e5e rgb(186,158,94)
```

Similar Colors

Text with hexadecimal color #ba875e

This text has a font color of #ba875e.

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

#ba875e background color

This paragraph has a background color of #ba875e.

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

#ba875e border color

This element has a border color of #ba875e.

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

CSS codes

.text {color:#ba875e;}

.background {background-color:#ba875e;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#120c08
```
#120c08 rgb(18,12,8)
```
#1f150d
```
#1f150d rgb(31,21,13)
```
#2d1f13
```
#2d1f13 rgb(45,31,19)
```
#3b2819
```
#3b2819 rgb(59,40,25)
```
#48311f
```
#48311f rgb(72,49,31)
```
#563b25
```
#563b25 rgb(86,59,37)
```
#64442b
```
#64442b rgb(100,68,43)
```
#724e31
```
#724e31 rgb(114,78,49)
```
#7f5737
```
#7f5737 rgb(127,87,55)
```
#8d603c
```
#8d603c rgb(141,96,60)
```
#9b6a42
```
#9b6a42 rgb(155,106,66)
```
#a97348
```
#a97348 rgb(169,115,72)
```

Shade Color Variation

#b47d50
```
#b47d50 rgb(180,125,80)
```
#ba875e
```
#ba875e rgb(186,135,94)
```
#c0916c
```
#c0916c rgb(192,145,108)
```
#c69b79
```
#c69b79 rgb(198,155,121)
```
#cca687
```
#cca687 rgb(204,166,135)
```
#d2b095
```
#d2b095 rgb(210,176,149)
```
#d7baa3
```
#d7baa3 rgb(215,186,163)
```
#ddc4b0
```
#ddc4b0 rgb(221,196,176)
```
#e3cfbe
```
#e3cfbe rgb(227,207,190)
```
#e9d9cc
```
#e9d9cc rgb(233,217,204)
```
#efe3da
```
#efe3da rgb(239,227,218)
```
#f5ede7
```
#f5ede7 rgb(245,237,231)
```
#fbf8f5
```
#fbf8f5 rgb(251,248,245)
```

Tint Color Variation

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

#8e8c8a
```
#8e8c8a rgb(142,140,138)
```
#978b81
```
#978b81 rgb(151,139,129)
```
#9f8a79
```
#9f8a79 rgb(159,138,121)
```
#a88970
```
#a88970 rgb(168,137,112)
```
#b18867
```
#b18867 rgb(177,136,103)
```
#ba875e
```
#ba875e rgb(186,135,94)
```
#c38655
```
#c38655 rgb(195,134,85)
```
#cc854c
```
#cc854c rgb(204,133,76)
```
#d58443
```
#d58443 rgb(213,132,67)
```
#dd833b
```
#dd833b rgb(221,131,59)
```
#e68232
```
#e68232 rgb(230,130,50)
```
#ef8129
```
#ef8129 rgb(239,129,41)
```
#f88020
```
#f88020 rgb(248,128,32)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#9a9088 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3976a Protanopia 1% of men
#b49165 Deuteranopia 1% of men
#c18790 Tritanopia 0.001% of the population

Trichromacy

#ab9165 Protanomaly 1% of men, 0.01% of women
#b68d62 Deuteranomaly 6% of men, 0.4% of women
#be877e Tritanomaly 0.01% of the population

#ba875e hex color

#ba875e Color Information

#ba875e Color Conversion

Color Schemes with #ba875e

Alternatives to #ba875e

#ba875e Preview

Shades and Tints of #ba875e

Tones of #ba875e

Color Blindness Simulator