#ba5c12 hex color

In a RGB color space, hex #ba5c12 is composed of 72.9% red, 36.1% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.5% magenta, 90.3% yellow and 27.1% black. It has a hue angle of 26.4 degrees, a saturation of 82.4% and a lightness of 40%. #ba5c12 color hex could be obtained by blending #ffb824 with #750000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 73
- G 36
- B 7
RGB color chart
- C 0
- M 51
- Y 90
- K 27
CMYK color chart

● #ba5c12 color description : Strong orange.

The hexadecimal color #ba5c12 has RGB values of R:186, G:92, B:18 and CMYK values of C:0, M:0.51, Y:0.9, K:0.27. Its decimal value is 12213266.

Hex triplet	ba5c12	`#ba5c12`
RGB Decimal	186, 92, 18	`rgb(186,92,18)`
RGB Percent	72.9, 36.1, 7.1	`rgb(72.9%,36.1%,7.1%)`
CMYK	0, 51, 90, 27
HSL	26.4°, 82.4, 40	`hsl(26.4,82.4%,40%)`
HSV (or HSB)	26.4°, 90.3, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	49.665, 33.81, 54.183
XYZ	24.187, 18.139, 2.8
xyY	0.536, 0.402, 18.139
CIE-LCH	49.665, 63.867, 58.036
CIE-LUV	49.665, 77.285, 43.575
Hunter-Lab	42.59, 26.837, 25.916
Binary	10111010, 01011100, 00010010

#ba5c12
```
#ba5c12 rgb(186,92,18)
```
#1270ba
```
#1270ba rgb(18,112,186)
```

Complementary Color

#ba121c
```
#ba121c rgb(186,18,28)
```
#ba5c12
```
#ba5c12 rgb(186,92,18)
```
#bab012
```
#bab012 rgb(186,176,18)
```

Analogous Color

#121cba
```
#121cba rgb(18,28,186)
```
#ba5c12
```
#ba5c12 rgb(186,92,18)
```
#12bab0
```
#12bab0 rgb(18,186,176)
```

Split Complementary Color

#5c12ba
```
#5c12ba rgb(92,18,186)
```
#ba5c12
```
#ba5c12 rgb(186,92,18)
```
#12ba5c
```
#12ba5c rgb(18,186,92)
```

Triadic Color

#ba1270
```
#ba1270 rgb(186,18,112)
```
#ba5c12
```
#ba5c12 rgb(186,92,18)
```
#12ba5c
```
#12ba5c rgb(18,186,92)
```
#1270ba
```
#1270ba rgb(18,112,186)
```

Tetradic Color

#743a0b
```
#743a0b rgb(116,58,11)
```
#8c450e
```
#8c450e rgb(140,69,14)
```
#a35110
```
#a35110 rgb(163,81,16)
```
#ba5c12
```
#ba5c12 rgb(186,92,18)
```
#d16814
```
#d16814 rgb(209,104,20)
```
#e97317
```
#e97317 rgb(233,115,23)
```
#eb812e
```
#eb812e rgb(235,129,46)
```

Monochromatic Color

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

#ba3212
```
#ba3212 rgb(186,50,18)
```
#ba4012
```
#ba4012 rgb(186,64,18)
```
#ba4e12
```
#ba4e12 rgb(186,78,18)
```
#ba5c12
```
#ba5c12 rgb(186,92,18)
```
#ba6a12
```
#ba6a12 rgb(186,106,18)
```
#ba7812
```
#ba7812 rgb(186,120,18)
```
#ba8612
```
#ba8612 rgb(186,134,18)
```

Similar Colors

Text with hexadecimal color #ba5c12

This text has a font color of #ba5c12.

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

#ba5c12 background color

This paragraph has a background color of #ba5c12.

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

#ba5c12 border color

This element has a border color of #ba5c12.

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

CSS codes

.text {color:#ba5c12;}

.background {background-color:#ba5c12;}

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

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

#070401
```
#070401 rgb(7,4,1)
```
#190c02
```
#190c02 rgb(25,12,2)
```
#2b1504
```
#2b1504 rgb(43,21,4)
```
#3d1e06
```
#3d1e06 rgb(61,30,6)
```
#4f2708
```
#4f2708 rgb(79,39,8)
```
#613009
```
#613009 rgb(97,48,9)
```
#72390b
```
#72390b rgb(114,57,11)
```
#84410d
```
#84410d rgb(132,65,13)
```
#964a0f
```
#964a0f rgb(150,74,15)
```
#a85310
```
#a85310 rgb(168,83,16)
```
#ba5c12
```
#ba5c12 rgb(186,92,18)
```
#cc6514
```
#cc6514 rgb(204,101,20)
```
#de6e15
```
#de6e15 rgb(222,110,21)
```

Shade Color Variation

#e9771e
```
#e9771e rgb(233,119,30)
```
#eb8230
```
#eb8230 rgb(235,130,48)
```
#ed8d41
```
#ed8d41 rgb(237,141,65)
```
#ee9853
```
#ee9853 rgb(238,152,83)
```
#f0a265
```
#f0a265 rgb(240,162,101)
```
#f2ad77
```
#f2ad77 rgb(242,173,119)
```
#f4b889
```
#f4b889 rgb(244,184,137)
```
#f5c39b
```
#f5c39b rgb(245,195,155)
```
#f7cdad
```
#f7cdad rgb(247,205,173)
```
#f9d8bf
```
#f9d8bf rgb(249,216,191)
```
#fbe3d1
```
#fbe3d1 rgb(251,227,209)
```
#fceee2
```
#fceee2 rgb(252,238,226)
```
#fef9f4
```
#fef9f4 rgb(254,249,244)
```

Tint Color Variation

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

#6c6560
```
#6c6560 rgb(108,101,96)
```
#736459
```
#736459 rgb(115,100,89)
```
#7b6351
```
#7b6351 rgb(123,99,81)
```
#836349
```
#836349 rgb(131,99,73)
```
#8b6241
```
#8b6241 rgb(139,98,65)
```
#936139
```
#936139 rgb(147,97,57)
```
#9b6031
```
#9b6031 rgb(155,96,49)
```
#a25f2a
```
#a25f2a rgb(162,95,42)
```
#aa5e22
```
#aa5e22 rgb(170,94,34)
```
#b25d1a
```
#b25d1a rgb(178,93,26)
```
#ba5c12
```
#ba5c12 rgb(186,92,18)
```
#c25b0a
```
#c25b0a rgb(194,91,10)
```
#ca5a02
```
#ca5a02 rgb(202,90,2)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#7f6c5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d24 Protanopia 1% of men
#9c770e Deuteranopia 1% of men
#c05e64 Tritanopia 0.001% of the population

Trichromacy

#9c711d Protanomaly 1% of men, 0.01% of women
#a76d0f Deuteranomaly 6% of men, 0.4% of women
#be5d46 Tritanomaly 0.01% of the population

#ba5c12 hex color

#ba5c12 Color Information

#ba5c12 Color Conversion

Color Schemes with #ba5c12

Alternatives to #ba5c12

#ba5c12 Preview

Shades and Tints of #ba5c12

Tones of #ba5c12

Color Blindness Simulator