#ba220e hex color

In a RGB color space, hex #ba220e is composed of 72.9% red, 13.3% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 92.5% yellow and 27.1% black. It has a hue angle of 7 degrees, a saturation of 86% and a lightness of 39.2%. #ba220e color hex could be obtained by blending #ff441c with #750000. Closest websafe color is: #cc3300.

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

● #ba220e color description : Strong red.

The hexadecimal color #ba220e has RGB values of R:186, G:34, B:14 and CMYK values of C:0, M:0.82, Y:0.92, K:0.27. Its decimal value is 12198414.

Hex triplet	ba220e	`#ba220e`
RGB Decimal	186, 34, 14	`rgb(186,34,14)`
RGB Percent	72.9, 13.3, 5.5	`rgb(72.9%,13.3%,5.5%)`
CMYK	0, 82, 92, 27
HSL	7°, 86, 39.2	`hsl(7,86%,39.2%)`
HSV (or HSB)	7°, 92.5, 72.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	40.602, 57.828, 49.041
XYZ	20.902, 11.618, 1.557
xyY	0.613, 0.341, 11.618
CIE-LCH	40.602, 75.823, 40.3
CIE-LUV	40.602, 116.408, 28.966
Hunter-Lab	34.085, 49.816, 21.15
Binary	10111010, 00100010, 00001110

#ba220e
```
#ba220e rgb(186,34,14)
```
#0ea6ba
```
#0ea6ba rgb(14,166,186)
```

Complementary Color

#ba0e50
```
#ba0e50 rgb(186,14,80)
```
#ba220e
```
#ba220e rgb(186,34,14)
```
#ba780e
```
#ba780e rgb(186,120,14)
```

Analogous Color

#0e50ba
```
#0e50ba rgb(14,80,186)
```
#ba220e
```
#ba220e rgb(186,34,14)
```
#0eba78
```
#0eba78 rgb(14,186,120)
```

Split Complementary Color

#220eba
```
#220eba rgb(34,14,186)
```
#ba220e
```
#ba220e rgb(186,34,14)
```
#0eba22
```
#0eba22 rgb(14,186,34)
```

Triadic Color

#ba0ea6
```
#ba0ea6 rgb(186,14,166)
```
#ba220e
```
#ba220e rgb(186,34,14)
```
#0eba22
```
#0eba22 rgb(14,186,34)
```
#0ea6ba
```
#0ea6ba rgb(14,166,186)
```

Tetradic Color

#731509
```
#731509 rgb(115,21,9)
```
#8b190a
```
#8b190a rgb(139,25,10)
```
#a21e0c
```
#a21e0c rgb(162,30,12)
```
#ba220e
```
#ba220e rgb(186,34,14)
```
#d22610
```
#d22610 rgb(210,38,16)
```
#e92b12
```
#e92b12 rgb(233,43,18)
```
#ef3d26
```
#ef3d26 rgb(239,61,38)
```

Monochromatic Color

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

#ba0e25
```
#ba0e25 rgb(186,14,37)
```
#ba0e17
```
#ba0e17 rgb(186,14,23)
```
#ba140e
```
#ba140e rgb(186,20,14)
```
#ba220e
```
#ba220e rgb(186,34,14)
```
#ba300e
```
#ba300e rgb(186,48,14)
```
#ba3f0e
```
#ba3f0e rgb(186,63,14)
```
#ba4d0e
```
#ba4d0e rgb(186,77,14)
```

Similar Colors

Text with hexadecimal color #ba220e

This text has a font color of #ba220e.

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

#ba220e background color

This paragraph has a background color of #ba220e.

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

#ba220e border color

This element has a border color of #ba220e.

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

CSS codes

.text {color:#ba220e;}

.background {background-color:#ba220e;}

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

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

#040100
```
#040100 rgb(4,1,0)
```
#160402
```
#160402 rgb(22,4,2)
```
#280703
```
#280703 rgb(40,7,3)
```
#3a0b04
```
#3a0b04 rgb(58,11,4)
```
#4d0e06
```
#4d0e06 rgb(77,14,6)
```
#5f1107
```
#5f1107 rgb(95,17,7)
```
#711509
```
#711509 rgb(113,21,9)
```
#83180a
```
#83180a rgb(131,24,10)
```
#961b0b
```
#961b0b rgb(150,27,11)
```
#a81f0d
```
#a81f0d rgb(168,31,13)
```
#ba220e
```
#ba220e rgb(186,34,14)
```
#cc250f
```
#cc250f rgb(204,37,15)
```
#de2911
```
#de2911 rgb(222,41,17)
```

Shade Color Variation

#ed2f15
```
#ed2f15 rgb(237,47,21)
```
#ef3f28
```
#ef3f28 rgb(239,63,40)
```
#f04f3a
```
#f04f3a rgb(240,79,58)
```
#f25f4c
```
#f25f4c rgb(242,95,76)
```
#f3705e
```
#f3705e rgb(243,112,94)
```
#f48071
```
#f48071 rgb(244,128,113)
```
#f69083
```
#f69083 rgb(246,144,131)
```
#f7a195
```
#f7a195 rgb(247,161,149)
```
#f8b1a7
```
#f8b1a7 rgb(248,177,167)
```
#fac1ba
```
#fac1ba rgb(250,193,186)
```
#fbd1cc
```
#fbd1cc rgb(251,209,204)
```
#fde2de
```
#fde2de rgb(253,226,222)
```
#fef2f0
```
#fef2f0 rgb(254,242,240)
```

Tint Color Variation

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

#656363
```
#656363 rgb(101,99,99)
```
#6d5d5b
```
#6d5d5b rgb(109,93,91)
```
#755753
```
#755753 rgb(117,87,83)
```
#7c514c
```
#7c514c rgb(124,81,76)
```
#844b44
```
#844b44 rgb(132,75,68)
```
#8c453c
```
#8c453c rgb(140,69,60)
```
#944034
```
#944034 rgb(148,64,52)
```
#9b3a2d
```
#9b3a2d rgb(155,58,45)
```
#a33425
```
#a33425 rgb(163,52,37)
```
#ab2e1d
```
#ab2e1d rgb(171,46,29)
```
#b22816
```
#b22816 rgb(178,40,22)
```
#ba220e
```
#ba220e rgb(186,34,14)
```
#c21c06
```
#c21c06 rgb(194,28,6)
```

Tone Color Variation

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

#736827 Protanopia 1% of men
#826300 Deuteranopia 1% of men
#bd2b2b Tritanopia 0.001% of the population

Trichromacy

#8d4e1e Protanomaly 1% of men, 0.01% of women
#964b05 Deuteranomaly 6% of men, 0.4% of women
#bc2820 Tritanomaly 0.01% of the population

#ba220e hex color

#ba220e Color Information

#ba220e Color Conversion

Color Schemes with #ba220e

Alternatives to #ba220e

#ba220e Preview

Shades and Tints of #ba220e

Tones of #ba220e

Color Blindness Simulator