#ba850c hex color

In a RGB color space, hex #ba850c is composed of 72.9% red, 52.2% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.5% magenta, 93.5% yellow and 27.1% black. It has a hue angle of 41.7 degrees, a saturation of 87.9% and a lightness of 38.8%. #ba850c color hex could be obtained by blending #ffff18 with #750b00. Closest websafe color is: #cc9900.

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

● #ba850c color description : Strong orange.

The hexadecimal color #ba850c has RGB values of R:186, G:133, B:12 and CMYK values of C:0, M:0.28, Y:0.94, K:0.27. Its decimal value is 12223756.

Hex triplet	ba850c	`#ba850c`
RGB Decimal	186, 133, 12	`rgb(186,133,12)`
RGB Percent	72.9, 52.2, 4.7	`rgb(72.9%,52.2%,4.7%)`
CMYK	0, 28, 94, 27
HSL	41.7°, 87.9, 38.8	`hsl(41.7,87.9%,38.8%)`
HSV (or HSB)	41.7°, 93.5, 72.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	59.198, 11.329, 62.647
XYZ	28.704, 27.242, 4.094
xyY	0.478, 0.454, 27.242
CIE-LCH	59.198, 63.663, 79.749
CIE-LUV	59.198, 44.268, 59.233
Hunter-Lab	52.194, 6.826, 31.885
Binary	10111010, 10000101, 00001100

#ba850c
```
#ba850c rgb(186,133,12)
```
#0c41ba
```
#0c41ba rgb(12,65,186)
```

Complementary Color

#ba2e0c
```
#ba2e0c rgb(186,46,12)
```
#ba850c
```
#ba850c rgb(186,133,12)
```
#98ba0c
```
#98ba0c rgb(152,186,12)
```

Analogous Color

#2e0cba
```
#2e0cba rgb(46,12,186)
```
#ba850c
```
#ba850c rgb(186,133,12)
```
#0c98ba
```
#0c98ba rgb(12,152,186)
```

Split Complementary Color

#850cba
```
#850cba rgb(133,12,186)
```
#ba850c
```
#ba850c rgb(186,133,12)
```
#0cba85
```
#0cba85 rgb(12,186,133)
```

Triadic Color

#ba0c41
```
#ba0c41 rgb(186,12,65)
```
#ba850c
```
#ba850c rgb(186,133,12)
```
#0cba85
```
#0cba85 rgb(12,186,133)
```
#0c41ba
```
#0c41ba rgb(12,65,186)
```

Tetradic Color

#725207
```
#725207 rgb(114,82,7)
```
#8a6309
```
#8a6309 rgb(138,99,9)
```
#a2740a
```
#a2740a rgb(162,116,10)
```
#ba850c
```
#ba850c rgb(186,133,12)
```
#d2960e
```
#d2960e rgb(210,150,14)
```
#eaa70f
```
#eaa70f rgb(234,167,15)
```
#f1b222
```
#f1b222 rgb(241,178,34)
```

Monochromatic Color

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

#ba5a0c
```
#ba5a0c rgb(186,90,12)
```
#ba680c
```
#ba680c rgb(186,104,12)
```
#ba770c
```
#ba770c rgb(186,119,12)
```
#ba850c
```
#ba850c rgb(186,133,12)
```
#ba940c
```
#ba940c rgb(186,148,12)
```
#baa20c
```
#baa20c rgb(186,162,12)
```
#bab10c
```
#bab10c rgb(186,177,12)
```

Similar Colors

Text with hexadecimal color #ba850c

This text has a font color of #ba850c.

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

#ba850c background color

This paragraph has a background color of #ba850c.

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

#ba850c border color

This element has a border color of #ba850c.

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

CSS codes

.text {color:#ba850c;}

.background {background-color:#ba850c;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#140e01
```
#140e01 rgb(20,14,1)
```
#271c02
```
#271c02 rgb(39,28,2)
```
#392904
```
#392904 rgb(57,41,4)
```
#4b3605
```
#4b3605 rgb(75,54,5)
```
#5e4306
```
#5e4306 rgb(94,67,6)
```
#705007
```
#705007 rgb(112,80,7)
```
#835d08
```
#835d08 rgb(131,93,8)
```
#956b0a
```
#956b0a rgb(149,107,10)
```
#a8780b
```
#a8780b rgb(168,120,11)
```
#ba850c
```
#ba850c rgb(186,133,12)
```
#cc920d
```
#cc920d rgb(204,146,13)
```
#df9f0e
```
#df9f0e rgb(223,159,14)
```

Shade Color Variation

#f0ac11
```
#f0ac11 rgb(240,172,17)
```
#f1b224
```
#f1b224 rgb(241,178,36)
```
#f2b936
```
#f2b936 rgb(242,185,54)
```
#f3bf48
```
#f3bf48 rgb(243,191,72)
```
#f4c65b
```
#f4c65b rgb(244,198,91)
```
#f6cc6d
```
#f6cc6d rgb(246,204,109)
```
#f7d380
```
#f7d380 rgb(247,211,128)
```
#f8d992
```
#f8d992 rgb(248,217,146)
```
#f9dfa5
```
#f9dfa5 rgb(249,223,165)
```
#fae6b7
```
#fae6b7 rgb(250,230,183)
```
#fcecc9
```
#fcecc9 rgb(252,236,201)
```
#fdf3dc
```
#fdf3dc rgb(253,243,220)
```
#fef9ee
```
#fef9ee rgb(254,249,238)
```

Tint Color Variation

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

#666460
```
#666460 rgb(102,100,96)
```
#6e6758
```
#6e6758 rgb(110,103,88)
```
#756a51
```
#756a51 rgb(117,106,81)
```
#7d6d49
```
#7d6d49 rgb(125,109,73)
```
#857041
```
#857041 rgb(133,112,65)
```
#8c733a
```
#8c733a rgb(140,115,58)
```
#947632
```
#947632 rgb(148,118,50)
```
#9c792a
```
#9c792a rgb(156,121,42)
```
#a37c23
```
#a37c23 rgb(163,124,35)
```
#ab7f1b
```
#ab7f1b rgb(171,127,27)
```
#b28214
```
#b28214 rgb(178,130,20)
```
#ba850c
```
#ba850c rgb(186,133,12)
```
#c28804
```
#c28804 rgb(194,136,4)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#91876e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6941b Protanopia 1% of men
#b98d16 Deuteranopia 1% of men
#c3828b Tritanopia 0.001% of the population

Trichromacy

#ad8e15 Protanomaly 1% of men, 0.01% of women
#b98a12 Deuteranomaly 6% of men, 0.4% of women
#c0835c Tritanomaly 0.01% of the population

#ba850c hex color

#ba850c Color Information

#ba850c Color Conversion

Color Schemes with #ba850c

Alternatives to #ba850c

#ba850c Preview

Shades and Tints of #ba850c

Tones of #ba850c

Color Blindness Simulator