#ba872e hex color

In a RGB color space, hex #ba872e is composed of 72.9% red, 52.9% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.4% magenta, 75.3% yellow and 27.1% black. It has a hue angle of 38.1 degrees, a saturation of 60.3% and a lightness of 45.5%. #ba872e color hex could be obtained by blending #ffff5c with #750f00. Closest websafe color is: #cc9933.

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

● #ba872e color description : Strong orange.

The hexadecimal color #ba872e has RGB values of R:186, G:135, B:46 and CMYK values of C:0, M:0.27, Y:0.75, K:0.27. Its decimal value is 12224302.

Hex triplet	ba872e	`#ba872e`
RGB Decimal	186, 135, 46	`rgb(186,135,46)`
RGB Percent	72.9, 52.9, 18	`rgb(72.9%,52.9%,18%)`
CMYK	0, 27, 75, 27
HSL	38.1°, 60.3, 45.5	`hsl(38.1,60.3%,45.5%)`
HSV (or HSB)	38.1°, 75.3, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	59.858, 11.202, 52.891
XYZ	29.407, 27.966, 6.434
xyY	0.461, 0.438, 27.966
CIE-LCH	59.858, 54.064, 78.042
CIE-LUV	59.858, 41.552, 53.882
Hunter-Lab	52.883, 6.716, 29.805
Binary	10111010, 10000111, 00101110

#ba872e
```
#ba872e rgb(186,135,46)
```
#2e61ba
```
#2e61ba rgb(46,97,186)
```

Complementary Color

#ba412e
```
#ba412e rgb(186,65,46)
```
#ba872e
```
#ba872e rgb(186,135,46)
```
#a7ba2e
```
#a7ba2e rgb(167,186,46)
```

Analogous Color

#412eba
```
#412eba rgb(65,46,186)
```
#ba872e
```
#ba872e rgb(186,135,46)
```
#2ea7ba
```
#2ea7ba rgb(46,167,186)
```

Split Complementary Color

#872eba
```
#872eba rgb(135,46,186)
```
#ba872e
```
#ba872e rgb(186,135,46)
```
#2eba87
```
#2eba87 rgb(46,186,135)
```

Triadic Color

#ba2e61
```
#ba2e61 rgb(186,46,97)
```
#ba872e
```
#ba872e rgb(186,135,46)
```
#2eba87
```
#2eba87 rgb(46,186,135)
```
#2e61ba
```
#2e61ba rgb(46,97,186)
```

Tetradic Color

#7d5a1f
```
#7d5a1f rgb(125,90,31)
```
#916924
```
#916924 rgb(145,105,36)
```
#a67829
```
#a67829 rgb(166,120,41)
```
#ba872e
```
#ba872e rgb(186,135,46)
```
#cd9535
```
#cd9535 rgb(205,149,53)
```
#d2a049
```
#d2a049 rgb(210,160,73)
```
#d7ab5d
```
#d7ab5d rgb(215,171,93)
```

Monochromatic Color

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

#ba642e
```
#ba642e rgb(186,100,46)
```
#ba702e
```
#ba702e rgb(186,112,46)
```
#ba7b2e
```
#ba7b2e rgb(186,123,46)
```
#ba872e
```
#ba872e rgb(186,135,46)
```
#ba932e
```
#ba932e rgb(186,147,46)
```
#ba9e2e
```
#ba9e2e rgb(186,158,46)
```
#baaa2e
```
#baaa2e rgb(186,170,46)
```

Similar Colors

Text with hexadecimal color #ba872e

This text has a font color of #ba872e.

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

#ba872e background color

This paragraph has a background color of #ba872e.

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

#ba872e border color

This element has a border color of #ba872e.

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

CSS codes

.text {color:#ba872e;}

.background {background-color:#ba872e;}

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

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

#0d0903
```
#0d0903 rgb(13,9,3)
```
#1d1507
```
#1d1507 rgb(29,21,7)
```
#2c200b
```
#2c200b rgb(44,32,11)
```
#3c2c0f
```
#3c2c0f rgb(60,44,15)
```
#4c3713
```
#4c3713 rgb(76,55,19)
```
#5c4317
```
#5c4317 rgb(92,67,23)
```
#6b4e1b
```
#6b4e1b rgb(107,78,27)
```
#7b591e
```
#7b591e rgb(123,89,30)
```
#8b6522
```
#8b6522 rgb(139,101,34)
```
#9b7026
```
#9b7026 rgb(155,112,38)
```
#aa7c2a
```
#aa7c2a rgb(170,124,42)
```
#ba872e
```
#ba872e rgb(186,135,46)
```
#ca9232
```
#ca9232 rgb(202,146,50)
```

Shade Color Variation

#d09b40
```
#d09b40 rgb(208,155,64)
```
#d4a34f
```
#d4a34f rgb(212,163,79)
```
#d7ac5f
```
#d7ac5f rgb(215,172,95)
```
#dbb46f
```
#dbb46f rgb(219,180,111)
```
#dfbc7e
```
#dfbc7e rgb(223,188,126)
```
#e3c48e
```
#e3c48e rgb(227,196,142)
```
#e7cc9e
```
#e7cc9e rgb(231,204,158)
```
#ebd5ae
```
#ebd5ae rgb(235,213,174)
```
#efddbd
```
#efddbd rgb(239,221,189)
```
#f3e5cd
```
#f3e5cd rgb(243,229,205)
```
#f7eddd
```
#f7eddd rgb(247,237,221)
```
#faf5ed
```
#faf5ed rgb(250,245,237)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#7c766c
```
#7c766c rgb(124,118,108)
```
#847864
```
#847864 rgb(132,120,100)
```
#8d7b5b
```
#8d7b5b rgb(141,123,91)
```
#967d52
```
#967d52 rgb(150,125,82)
```
#9f8049
```
#9f8049 rgb(159,128,73)
```
#a88240
```
#a88240 rgb(168,130,64)
```
#b18537
```
#b18537 rgb(177,133,55)
```
#ba872e
```
#ba872e rgb(186,135,46)
```
#c38925
```
#c38925 rgb(195,137,37)
```
#cc8c1c
```
#cc8c1c rgb(204,140,28)
```
#d58e13
```
#d58e13 rgb(213,142,19)
```
#de910a
```
#de910a rgb(222,145,10)
```
#e79301
```
#e79301 rgb(231,147,1)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#958b79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6963b Protanopia 1% of men
#b98e38 Deuteranopia 1% of men
#c3848d Tritanopia 0.001% of the population

Trichromacy

#ad9036 Protanomaly 1% of men, 0.01% of women
#b98c34 Deuteranomaly 6% of men, 0.4% of women
#c0856b Tritanomaly 0.01% of the population

#ba872e hex color

#ba872e Color Information

#ba872e Color Conversion

Color Schemes with #ba872e

Alternatives to #ba872e

#ba872e Preview

Shades and Tints of #ba872e

Tones of #ba872e

Color Blindness Simulator