#ba580c hex color

In a RGB color space, hex #ba580c is composed of 72.9% red, 34.5% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.7% magenta, 93.5% yellow and 27.1% black. It has a hue angle of 26.2 degrees, a saturation of 87.9% and a lightness of 38.8%. #ba580c color hex could be obtained by blending #ffb018 with #750000. Closest websafe color is: #cc6600.

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

● #ba580c color description : Strong orange.

The hexadecimal color #ba580c has RGB values of R:186, G:88, B:12 and CMYK values of C:0, M:0.53, Y:0.94, K:0.27. Its decimal value is 12212236.

Hex triplet	ba580c	`#ba580c`
RGB Decimal	186, 88, 12	`rgb(186,88,12)`
RGB Percent	72.9, 34.5, 4.7	`rgb(72.9%,34.5%,4.7%)`
CMYK	0, 53, 94, 27
HSL	26.2°, 87.9, 38.8	`hsl(26.2,87.9%,38.8%)`
HSV (or HSB)	26.2°, 93.5, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	48.819, 35.787, 55.203
XYZ	23.807, 17.447, 2.462
xyY	0.545, 0.399, 17.447
CIE-LCH	48.819, 65.788, 57.045
CIE-LUV	48.819, 80.774, 43.008
Hunter-Lab	41.77, 28.638, 25.745
Binary	10111010, 01011000, 00001100

#ba580c
```
#ba580c rgb(186,88,12)
```
#0c6eba
```
#0c6eba rgb(12,110,186)
```

Complementary Color

#ba0c17
```
#ba0c17 rgb(186,12,23)
```
#ba580c
```
#ba580c rgb(186,88,12)
```
#baaf0c
```
#baaf0c rgb(186,175,12)
```

Analogous Color

#0c17ba
```
#0c17ba rgb(12,23,186)
```
#ba580c
```
#ba580c rgb(186,88,12)
```
#0cbaaf
```
#0cbaaf rgb(12,186,175)
```

Split Complementary Color

#580cba
```
#580cba rgb(88,12,186)
```
#ba580c
```
#ba580c rgb(186,88,12)
```
#0cba58
```
#0cba58 rgb(12,186,88)
```

Triadic Color

#ba0c6e
```
#ba0c6e rgb(186,12,110)
```
#ba580c
```
#ba580c rgb(186,88,12)
```
#0cba58
```
#0cba58 rgb(12,186,88)
```
#0c6eba
```
#0c6eba rgb(12,110,186)
```

Tetradic Color

#723607
```
#723607 rgb(114,54,7)
```
#8a4109
```
#8a4109 rgb(138,65,9)
```
#a24d0a
```
#a24d0a rgb(162,77,10)
```
#ba580c
```
#ba580c rgb(186,88,12)
```
#d2630e
```
#d2630e rgb(210,99,14)
```
#ea6f0f
```
#ea6f0f rgb(234,111,15)
```
#f17c22
```
#f17c22 rgb(241,124,34)
```

Monochromatic Color

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

#ba2c0c
```
#ba2c0c rgb(186,44,12)
```
#ba3b0c
```
#ba3b0c rgb(186,59,12)
```
#ba490c
```
#ba490c rgb(186,73,12)
```
#ba580c
```
#ba580c rgb(186,88,12)
```
#ba670c
```
#ba670c rgb(186,103,12)
```
#ba750c
```
#ba750c rgb(186,117,12)
```
#ba840c
```
#ba840c rgb(186,132,12)
```

Similar Colors

Text with hexadecimal color #ba580c

This text has a font color of #ba580c.

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

#ba580c background color

This paragraph has a background color of #ba580c.

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

#ba580c border color

This element has a border color of #ba580c.

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

CSS codes

.text {color:#ba580c;}

.background {background-color:#ba580c;}

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

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 #fef5ee is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#140a01
```
#140a01 rgb(20,10,1)
```
#271202
```
#271202 rgb(39,18,2)
```
#391b04
```
#391b04 rgb(57,27,4)
```
#4b2405
```
#4b2405 rgb(75,36,5)
```
#5e2c06
```
#5e2c06 rgb(94,44,6)
```
#703507
```
#703507 rgb(112,53,7)
```
#833e08
```
#833e08 rgb(131,62,8)
```
#95470a
```
#95470a rgb(149,71,10)
```
#a84f0b
```
#a84f0b rgb(168,79,11)
```
#ba580c
```
#ba580c rgb(186,88,12)
```
#cc610d
```
#cc610d rgb(204,97,13)
```
#df690e
```
#df690e rgb(223,105,14)
```

Shade Color Variation

#f07211
```
#f07211 rgb(240,114,17)
```
#f17d24
```
#f17d24 rgb(241,125,36)
```
#f28836
```
#f28836 rgb(242,136,54)
```
#f39348
```
#f39348 rgb(243,147,72)
```
#f49e5b
```
#f49e5b rgb(244,158,91)
```
#f6a96d
```
#f6a96d rgb(246,169,109)
```
#f7b480
```
#f7b480 rgb(247,180,128)
```
#f8bf92
```
#f8bf92 rgb(248,191,146)
```
#f9caa5
```
#f9caa5 rgb(249,202,165)
```
#fad4b7
```
#fad4b7 rgb(250,212,183)
```
#fcdfc9
```
#fcdfc9 rgb(252,223,201)
```
#fdeadc
```
#fdeadc rgb(253,234,220)
```
#fef5ee
```
#fef5ee rgb(254,245,238)
```

Tint Color Variation

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

#666360
```
#666360 rgb(102,99,96)
```
#6e6258
```
#6e6258 rgb(110,98,88)
```
#756151
```
#756151 rgb(117,97,81)
```
#7d6049
```
#7d6049 rgb(125,96,73)
```
#855f41
```
#855f41 rgb(133,95,65)
```
#8c5e3a
```
#8c5e3a rgb(140,94,58)
```
#945d32
```
#945d32 rgb(148,93,50)
```
#9c5c2a
```
#9c5c2a rgb(156,92,42)
```
#a35b23
```
#a35b23 rgb(163,91,35)
```
#ab5a1b
```
#ab5a1b rgb(171,90,27)
```
#b25914
```
#b25914 rgb(178,89,20)
```
#ba580c
```
#ba580c rgb(186,88,12)
```
#c25704
```
#c25704 rgb(194,87,4)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7c695a Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b1f Protanopia 1% of men
#9a7500 Deuteranopia 1% of men
#c05a60 Tritanopia 0.001% of the population

Trichromacy

#9b6e18 Protanomaly 1% of men, 0.01% of women
#a56a04 Deuteranomaly 6% of men, 0.4% of women
#bd5941 Tritanomaly 0.01% of the population

#ba580c hex color

#ba580c Color Information

#ba580c Color Conversion

Color Schemes with #ba580c

Alternatives to #ba580c

#ba580c Preview

Shades and Tints of #ba580c

Tones of #ba580c

Color Blindness Simulator