#ba220b hex color

In a RGB color space, hex #ba220b is composed of 72.9% red, 13.3% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 94.1% yellow and 27.1% black. It has a hue angle of 7.9 degrees, a saturation of 88.8% and a lightness of 38.6%. #ba220b color hex could be obtained by blending #ff4416 with #750000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 73
- G 13
- B 4
RGB color chart
- C 0
- M 82
- Y 94
- K 27
CMYK color chart

● #ba220b color description : Strong red.

The hexadecimal color #ba220b has RGB values of R:186, G:34, B:11 and CMYK values of C:0, M:0.82, Y:0.94, K:0.27. Its decimal value is 12198411.

Hex triplet	ba220b	`#ba220b`
RGB Decimal	186, 34, 11	`rgb(186,34,11)`
RGB Percent	72.9, 13.3, 4.3	`rgb(72.9%,13.3%,4.3%)`
CMYK	0, 82, 94, 27
HSL	7.9°, 88.8, 38.6	`hsl(7.9,88.8%,38.6%)`
HSV (or HSB)	7.9°, 94.1, 72.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	40.589, 57.79, 50.075
XYZ	20.883, 11.61, 1.458
xyY	0.615, 0.342, 11.61
CIE-LCH	40.589, 76.467, 40.909
CIE-LUV	40.589, 116.649, 29.373
Hunter-Lab	34.073, 49.772, 21.314
Binary	10111010, 00100010, 00001011

#ba220b
```
#ba220b rgb(186,34,11)
```
#0ba3ba
```
#0ba3ba rgb(11,163,186)
```

Complementary Color

#ba0b4b
```
#ba0b4b rgb(186,11,75)
```
#ba220b
```
#ba220b rgb(186,34,11)
```
#ba7a0b
```
#ba7a0b rgb(186,122,11)
```

Analogous Color

#0b4bba
```
#0b4bba rgb(11,75,186)
```
#ba220b
```
#ba220b rgb(186,34,11)
```
#0bba7a
```
#0bba7a rgb(11,186,122)
```

Split Complementary Color

#220bba
```
#220bba rgb(34,11,186)
```
#ba220b
```
#ba220b rgb(186,34,11)
```
#0bba22
```
#0bba22 rgb(11,186,34)
```

Triadic Color

#ba0ba3
```
#ba0ba3 rgb(186,11,163)
```
#ba220b
```
#ba220b rgb(186,34,11)
```
#0bba22
```
#0bba22 rgb(11,186,34)
```
#0ba3ba
```
#0ba3ba rgb(11,163,186)
```

Tetradic Color

#721507
```
#721507 rgb(114,21,7)
```
#8a1908
```
#8a1908 rgb(138,25,8)
```
#a21e0a
```
#a21e0a rgb(162,30,10)
```
#ba220b
```
#ba220b rgb(186,34,11)
```
#d2260c
```
#d2260c rgb(210,38,12)
```
#ea2b0e
```
#ea2b0e rgb(234,43,14)
```
#f23b20
```
#f23b20 rgb(242,59,32)
```

Monochromatic Color

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

#ba0b20
```
#ba0b20 rgb(186,11,32)
```
#ba0b11
```
#ba0b11 rgb(186,11,17)
```
#ba130b
```
#ba130b rgb(186,19,11)
```
#ba220b
```
#ba220b rgb(186,34,11)
```
#ba310b
```
#ba310b rgb(186,49,11)
```
#ba3f0b
```
#ba3f0b rgb(186,63,11)
```
#ba4e0b
```
#ba4e0b rgb(186,78,11)
```

Similar Colors

Text with hexadecimal color #ba220b

This text has a font color of #ba220b.

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

#ba220b background color

This paragraph has a background color of #ba220b.

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

#ba220b border color

This element has a border color of #ba220b.

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

CSS codes

.text {color:#ba220b;}

.background {background-color:#ba220b;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130401
```
#130401 rgb(19,4,1)
```
#260702
```
#260702 rgb(38,7,2)
```
#380a03
```
#380a03 rgb(56,10,3)
```
#4b0e04
```
#4b0e04 rgb(75,14,4)
```
#5d1106
```
#5d1106 rgb(93,17,6)
```
#701407
```
#701407 rgb(112,20,7)
```
#821808
```
#821808 rgb(130,24,8)
```
#951b09
```
#951b09 rgb(149,27,9)
```
#a71f0a
```
#a71f0a rgb(167,31,10)
```
#ba220b
```
#ba220b rgb(186,34,11)
```
#cd250c
```
#cd250c rgb(205,37,12)
```
#df290d
```
#df290d rgb(223,41,13)
```

Shade Color Variation

#f12d0f
```
#f12d0f rgb(241,45,15)
```
#f23d22
```
#f23d22 rgb(242,61,34)
```
#f34d34
```
#f34d34 rgb(243,77,52)
```
#f45d47
```
#f45d47 rgb(244,93,71)
```
#f56e59
```
#f56e59 rgb(245,110,89)
```
#f67e6c
```
#f67e6c rgb(246,126,108)
```
#f78e7e
```
#f78e7e rgb(247,142,126)
```
#f89e91
```
#f89e91 rgb(248,158,145)
```
#faafa3
```
#faafa3 rgb(250,175,163)
```
#fbbfb6
```
#fbbfb6 rgb(251,191,182)
```
#fccfc8
```
#fccfc8 rgb(252,207,200)
```
#fddfdb
```
#fddfdb rgb(253,223,219)
```
#feefed
```
#feefed rgb(254,239,237)
```

Tint Color Variation

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

#675f5e
```
#675f5e rgb(103,95,94)
```
#6e5a57
```
#6e5a57 rgb(110,90,87)
```
#76544f
```
#76544f rgb(118,84,79)
```
#7d4f48
```
#7d4f48 rgb(125,79,72)
```
#854940
```
#854940 rgb(133,73,64)
```
#8d4438
```
#8d4438 rgb(141,68,56)
```
#943e31
```
#943e31 rgb(148,62,49)
```
#9c3829
```
#9c3829 rgb(156,56,41)
```
#a33322
```
#a33322 rgb(163,51,34)
```
#ab2d1a
```
#ab2d1a rgb(171,45,26)
```
#b22813
```
#b22813 rgb(178,40,19)
```
#ba220b
```
#ba220b rgb(186,34,11)
```
#c21c03
```
#c21c03 rgb(194,28,3)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#634440 Atypical Achromatopsia 0.001% of the population

Dichromacy

#736824 Protanopia 1% of men
#816300 Deuteranopia 1% of men
#bd2b2b Tritanopia 0.001% of the population

Trichromacy

#8d4e1b Protanomaly 1% of men, 0.01% of women
#964b04 Deuteranomaly 6% of men, 0.4% of women
#bc281f Tritanomaly 0.01% of the population

#ba220b hex color

#ba220b Color Information

#ba220b Color Conversion

Color Schemes with #ba220b

Alternatives to #ba220b

#ba220b Preview

Shades and Tints of #ba220b

Tones of #ba220b

Color Blindness Simulator