#ba541a hex color

In a RGB color space, hex #ba541a is composed of 72.9% red, 32.9% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.8% magenta, 86% yellow and 27.1% black. It has a hue angle of 21.8 degrees, a saturation of 75.5% and a lightness of 41.6%. #ba541a color hex could be obtained by blending #ffa834 with #750000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 33
- B 10
RGB color chart
- C 0
- M 55
- Y 86
- K 27
CMYK color chart

● #ba541a color description : Strong orange.

The hexadecimal color #ba541a has RGB values of R:186, G:84, B:26 and CMYK values of C:0, M:0.55, Y:0.86, K:0.27. Its decimal value is 12211226.

Hex triplet	ba541a	`#ba541a`
RGB Decimal	186, 84, 26	`rgb(186,84,26)`
RGB Percent	72.9, 32.9, 10.2	`rgb(72.9%,32.9%,10.2%)`
CMYK	0, 55, 86, 27
HSL	21.8°, 75.5, 41.6	`hsl(21.8,75.5%,41.6%)`
HSV (or HSB)	21.8°, 86, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.079, 38.094, 50.157
XYZ	23.607, 16.857, 2.988
xyY	0.543, 0.388, 16.857
CIE-LCH	48.079, 62.983, 52.783
CIE-LUV	48.079, 83.131, 39.498
Hunter-Lab	41.057, 30.787, 24.425
Binary	10111010, 01010100, 00011010

#ba541a
```
#ba541a rgb(186,84,26)
```
#1a80ba
```
#1a80ba rgb(26,128,186)
```

Complementary Color

#ba1a30
```
#ba1a30 rgb(186,26,48)
```
#ba541a
```
#ba541a rgb(186,84,26)
```
#baa41a
```
#baa41a rgb(186,164,26)
```

Analogous Color

#1a30ba
```
#1a30ba rgb(26,48,186)
```
#ba541a
```
#ba541a rgb(186,84,26)
```
#1abaa4
```
#1abaa4 rgb(26,186,164)
```

Split Complementary Color

#541aba
```
#541aba rgb(84,26,186)
```
#ba541a
```
#ba541a rgb(186,84,26)
```
#1aba54
```
#1aba54 rgb(26,186,84)
```

Triadic Color

#ba1a80
```
#ba1a80 rgb(186,26,128)
```
#ba541a
```
#ba541a rgb(186,84,26)
```
#1aba54
```
#1aba54 rgb(26,186,84)
```
#1a80ba
```
#1a80ba rgb(26,128,186)
```

Tetradic Color

#773611
```
#773611 rgb(119,54,17)
```
#8d4014
```
#8d4014 rgb(141,64,20)
```
#a44a17
```
#a44a17 rgb(164,74,23)
```
#ba541a
```
#ba541a rgb(186,84,26)
```
#d05e1d
```
#d05e1d rgb(208,94,29)
```
#e16a26
```
#e16a26 rgb(225,106,38)
```
#e4793d
```
#e4793d rgb(228,121,61)
```

Monochromatic Color

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

#ba2c1a
```
#ba2c1a rgb(186,44,26)
```
#ba391a
```
#ba391a rgb(186,57,26)
```
#ba471a
```
#ba471a rgb(186,71,26)
```
#ba541a
```
#ba541a rgb(186,84,26)
```
#ba611a
```
#ba611a rgb(186,97,26)
```
#ba6f1a
```
#ba6f1a rgb(186,111,26)
```
#ba7c1a
```
#ba7c1a rgb(186,124,26)
```

Similar Colors

Text with hexadecimal color #ba541a

This text has a font color of #ba541a.

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

#ba541a background color

This paragraph has a background color of #ba541a.

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

#ba541a border color

This element has a border color of #ba541a.

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

CSS codes

.text {color:#ba541a;}

.background {background-color:#ba541a;}

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

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

#0e0602
```
#0e0602 rgb(14,6,2)
```
#1f0e04
```
#1f0e04 rgb(31,14,4)
```
#301607
```
#301607 rgb(48,22,7)
```
#421e09
```
#421e09 rgb(66,30,9)
```
#53250c
```
#53250c rgb(83,37,12)
```
#642d0e
```
#642d0e rgb(100,45,14)
```
#753510
```
#753510 rgb(117,53,16)
```
#863d13
```
#863d13 rgb(134,61,19)
```
#984415
```
#984415 rgb(152,68,21)
```
#a94c18
```
#a94c18 rgb(169,76,24)
```
#ba541a
```
#ba541a rgb(186,84,26)
```
#cb5c1c
```
#cb5c1c rgb(203,92,28)
```
#dc641f
```
#dc641f rgb(220,100,31)
```

Shade Color Variation

#e26f2d
```
#e26f2d rgb(226,111,45)
```
#e47a3e
```
#e47a3e rgb(228,122,62)
```
#e68650
```
#e68650 rgb(230,134,80)
```
#e99261
```
#e99261 rgb(233,146,97)
```
#eb9e72
```
#eb9e72 rgb(235,158,114)
```
#eeaa83
```
#eeaa83 rgb(238,170,131)
```
#f0b694
```
#f0b694 rgb(240,182,148)
```
#f3c2a6
```
#f3c2a6 rgb(243,194,166)
```
#f5cdb7
```
#f5cdb7 rgb(245,205,183)
```
#f7d9c8
```
#f7d9c8 rgb(247,217,200)
```
#fae5d9
```
#fae5d9 rgb(250,229,217)
```
#fcf1ea
```
#fcf1ea rgb(252,241,234)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#716863
```
#716863 rgb(113,104,99)
```
#79665b
```
#79665b rgb(121,102,91)
```
#816453
```
#816453 rgb(129,100,83)
```
#89614b
```
#89614b rgb(137,97,75)
```
#915f43
```
#915f43 rgb(145,95,67)
```
#995d3b
```
#995d3b rgb(153,93,59)
```
#a25b32
```
#a25b32 rgb(162,91,50)
```
#aa582a
```
#aa582a rgb(170,88,42)
```
#b25622
```
#b25622 rgb(178,86,34)
```
#ba541a
```
#ba541a rgb(186,84,26)
```
#c25212
```
#c25212 rgb(194,82,18)
```
#ca500a
```
#ca500a rgb(202,80,10)
```
#d24d02
```
#d24d02 rgb(210,77,2)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#7c675c Atypical Achromatopsia 0.001% of the population

Dichromacy

#87792d Protanopia 1% of men
#97731a Deuteranopia 1% of men
#bf575c Tritanopia 0.001% of the population

Trichromacy

#996b26 Protanomaly 1% of men, 0.01% of women
#a4681a Deuteranomaly 6% of men, 0.4% of women
#bd5644 Tritanomaly 0.01% of the population

#ba541a hex color

#ba541a Color Information

#ba541a Color Conversion

Color Schemes with #ba541a

Alternatives to #ba541a

#ba541a Preview

Shades and Tints of #ba541a

Tones of #ba541a

Color Blindness Simulator