#ba870e hex color

In a RGB color space, hex #ba870e is composed of 72.9% red, 52.9% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.4% magenta, 92.5% yellow and 27.1% black. It has a hue angle of 42.2 degrees, a saturation of 86% and a lightness of 39.2%. #ba870e color hex could be obtained by blending #ffff1c with #750f00. Closest websafe color is: #cc9900.

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

● #ba870e color description : Strong orange.

The hexadecimal color #ba870e has RGB values of R:186, G:135, B:14 and CMYK values of C:0, M:0.27, Y:0.92, K:0.27. Its decimal value is 12224270.

Hex triplet	ba870e	`#ba870e`
RGB Decimal	186, 135, 14	`rgb(186,135,14)`
RGB Percent	72.9, 52.9, 5.5	`rgb(72.9%,52.9%,5.5%)`
CMYK	0, 27, 92, 27
HSL	42.2°, 86, 39.2	`hsl(42.2,86%,39.2%)`
HSV (or HSB)	42.2°, 92.5, 72.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	59.708, 10.254, 62.664
XYZ	28.994, 27.8, 4.254
xyY	0.475, 0.455, 27.8
CIE-LCH	59.708, 63.498, 80.706
CIE-LUV	59.708, 42.658, 59.808
Hunter-Lab	52.726, 5.885, 32.124
Binary	10111010, 10000111, 00001110

#ba870e
```
#ba870e rgb(186,135,14)
```
#0e41ba
```
#0e41ba rgb(14,65,186)
```

Complementary Color

#ba310e
```
#ba310e rgb(186,49,14)
```
#ba870e
```
#ba870e rgb(186,135,14)
```
#97ba0e
```
#97ba0e rgb(151,186,14)
```

Analogous Color

#310eba
```
#310eba rgb(49,14,186)
```
#ba870e
```
#ba870e rgb(186,135,14)
```
#0e97ba
```
#0e97ba rgb(14,151,186)
```

Split Complementary Color

#870eba
```
#870eba rgb(135,14,186)
```
#ba870e
```
#ba870e rgb(186,135,14)
```
#0eba87
```
#0eba87 rgb(14,186,135)
```

Triadic Color

#ba0e41
```
#ba0e41 rgb(186,14,65)
```
#ba870e
```
#ba870e rgb(186,135,14)
```
#0eba87
```
#0eba87 rgb(14,186,135)
```
#0e41ba
```
#0e41ba rgb(14,65,186)
```

Tetradic Color

#735309
```
#735309 rgb(115,83,9)
```
#8b650a
```
#8b650a rgb(139,101,10)
```
#a2760c
```
#a2760c rgb(162,118,12)
```
#ba870e
```
#ba870e rgb(186,135,14)
```
#d29810
```
#d29810 rgb(210,152,16)
```
#e9a912
```
#e9a912 rgb(233,169,18)
```
#efb326
```
#efb326 rgb(239,179,38)
```

Monochromatic Color

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

#ba5c0e
```
#ba5c0e rgb(186,92,14)
```
#ba6a0e
```
#ba6a0e rgb(186,106,14)
```
#ba790e
```
#ba790e rgb(186,121,14)
```
#ba870e
```
#ba870e rgb(186,135,14)
```
#ba950e
```
#ba950e rgb(186,149,14)
```
#baa40e
```
#baa40e rgb(186,164,14)
```
#bab20e
```
#bab20e rgb(186,178,14)
```

Similar Colors

Text with hexadecimal color #ba870e

This text has a font color of #ba870e.

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

#ba870e background color

This paragraph has a background color of #ba870e.

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

#ba870e border color

This element has a border color of #ba870e.

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

CSS codes

.text {color:#ba870e;}

.background {background-color:#ba870e;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#161002
```
#161002 rgb(22,16,2)
```
#281d03
```
#281d03 rgb(40,29,3)
```
#3a2a04
```
#3a2a04 rgb(58,42,4)
```
#4d3806
```
#4d3806 rgb(77,56,6)
```
#5f4507
```
#5f4507 rgb(95,69,7)
```
#715209
```
#715209 rgb(113,82,9)
```
#835f0a
```
#835f0a rgb(131,95,10)
```
#966d0b
```
#966d0b rgb(150,109,11)
```
#a87a0d
```
#a87a0d rgb(168,122,13)
```
#ba870e
```
#ba870e rgb(186,135,14)
```
#cc940f
```
#cc940f rgb(204,148,15)
```
#dea111
```
#dea111 rgb(222,161,17)
```

Shade Color Variation

#edad15
```
#edad15 rgb(237,173,21)
```
#efb428
```
#efb428 rgb(239,180,40)
```
#f0ba3a
```
#f0ba3a rgb(240,186,58)
```
#f2c14c
```
#f2c14c rgb(242,193,76)
```
#f3c75e
```
#f3c75e rgb(243,199,94)
```
#f4cd71
```
#f4cd71 rgb(244,205,113)
```
#f6d483
```
#f6d483 rgb(246,212,131)
```
#f7da95
```
#f7da95 rgb(247,218,149)
```
#f8e0a7
```
#f8e0a7 rgb(248,224,167)
```
#fae7ba
```
#fae7ba rgb(250,231,186)
```
#fbedcc
```
#fbedcc rgb(251,237,204)
```
#fdf4de
```
#fdf4de rgb(253,244,222)
```
#fefaf0
```
#fefaf0 rgb(254,250,240)
```

Tint Color Variation

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

#656563
```
#656563 rgb(101,101,99)
```
#6d685b
```
#6d685b rgb(109,104,91)
```
#756b53
```
#756b53 rgb(117,107,83)
```
#7c6e4c
```
#7c6e4c rgb(124,110,76)
```
#847144
```
#847144 rgb(132,113,68)
```
#8c743c
```
#8c743c rgb(140,116,60)
```
#947734
```
#947734 rgb(148,119,52)
```
#9b7a2d
```
#9b7a2d rgb(155,122,45)
```
#a37e25
```
#a37e25 rgb(163,126,37)
```
#ab811d
```
#ab811d rgb(171,129,29)
```
#b28416
```
#b28416 rgb(178,132,22)
```
#ba870e
```
#ba870e rgb(186,135,14)
```
#c28a06
```
#c28a06 rgb(194,138,6)
```

Tone Color Variation

Below, you can see how #ba870e 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
#928870 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7951d Protanopia 1% of men
#bb8e19 Deuteranopia 1% of men
#c4848d Tritanopia 0.001% of the population

Trichromacy

#ae9017 Protanomaly 1% of men, 0.01% of women
#ba8b15 Deuteranomaly 6% of men, 0.4% of women
#c0855e Tritanomaly 0.01% of the population

#ba870e hex color

#ba870e Color Information

#ba870e Color Conversion

Color Schemes with #ba870e

Alternatives to #ba870e

#ba870e Preview

Shades and Tints of #ba870e

Tones of #ba870e

Color Blindness Simulator