#ba221e hex color

In a RGB color space, hex #ba221e is composed of 72.9% red, 13.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 83.9% yellow and 27.1% black. It has a hue angle of 1.5 degrees, a saturation of 72.2% and a lightness of 42.4%. #ba221e color hex could be obtained by blending #ff443c with #750000. Closest websafe color is: #cc3333.

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

● #ba221e color description : Strong red.

The hexadecimal color #ba221e has RGB values of R:186, G:34, B:30 and CMYK values of C:0, M:0.82, Y:0.84, K:0.27. Its decimal value is 12198430.

Hex triplet	ba221e	`#ba221e`
RGB Decimal	186, 34, 30	`rgb(186,34,30)`
RGB Percent	72.9, 13.3, 11.8	`rgb(72.9%,13.3%,11.8%)`
CMYK	0, 82, 84, 27
HSL	1.5°, 72.2, 42.4	`hsl(1.5,72.2%,42.4%)`
HSV (or HSB)	1.5°, 83.9, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	40.702, 58.139, 41.89
XYZ	21.057, 11.68, 2.374
xyY	0.6, 0.333, 11.68
CIE-LCH	40.702, 71.659, 35.773
CIE-LUV	40.702, 114.461, 25.678
Hunter-Lab	34.175, 50.176, 19.804
Binary	10111010, 00100010, 00011110

#ba221e
```
#ba221e rgb(186,34,30)
```
#1eb6ba
```
#1eb6ba rgb(30,182,186)
```

Complementary Color

#ba1e68
```
#ba1e68 rgb(186,30,104)
```
#ba221e
```
#ba221e rgb(186,34,30)
```
#ba701e
```
#ba701e rgb(186,112,30)
```

Analogous Color

#1e68ba
```
#1e68ba rgb(30,104,186)
```
#ba221e
```
#ba221e rgb(186,34,30)
```
#1eba70
```
#1eba70 rgb(30,186,112)
```

Split Complementary Color

#221eba
```
#221eba rgb(34,30,186)
```
#ba221e
```
#ba221e rgb(186,34,30)
```
#1eba22
```
#1eba22 rgb(30,186,34)
```

Triadic Color

#ba1eb6
```
#ba1eb6 rgb(186,30,182)
```
#ba221e
```
#ba221e rgb(186,34,30)
```
#1eba22
```
#1eba22 rgb(30,186,34)
```
#1eb6ba
```
#1eb6ba rgb(30,182,186)
```

Tetradic Color

#781613
```
#781613 rgb(120,22,19)
```
#8e1a17
```
#8e1a17 rgb(142,26,23)
```
#a41e1a
```
#a41e1a rgb(164,30,26)
```
#ba221e
```
#ba221e rgb(186,34,30)
```
#d02622
```
#d02622 rgb(208,38,34)
```
#dd322e
```
#dd322e rgb(221,50,46)
```
#e14844
```
#e14844 rgb(225,72,68)
```

Monochromatic Color

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

#ba1e41
```
#ba1e41 rgb(186,30,65)
```
#ba1e34
```
#ba1e34 rgb(186,30,52)
```
#ba1e27
```
#ba1e27 rgb(186,30,39)
```
#ba221e
```
#ba221e rgb(186,34,30)
```
#ba2f1e
```
#ba2f1e rgb(186,47,30)
```
#ba3c1e
```
#ba3c1e rgb(186,60,30)
```
#ba491e
```
#ba491e rgb(186,73,30)
```

Similar Colors

Text with hexadecimal color #ba221e

This text has a font color of #ba221e.

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

#ba221e background color

This paragraph has a background color of #ba221e.

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

#ba221e border color

This element has a border color of #ba221e.

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

CSS codes

.text {color:#ba221e;}

.background {background-color:#ba221e;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#110303
```
#110303 rgb(17,3,3)
```
#220605
```
#220605 rgb(34,6,5)
```
#330908
```
#330908 rgb(51,9,8)
```
#440c0b
```
#440c0b rgb(68,12,11)
```
#550f0e
```
#550f0e rgb(85,15,14)
```
#661310
```
#661310 rgb(102,19,16)
```
#761613
```
#761613 rgb(118,22,19)
```
#871916
```
#871916 rgb(135,25,22)
```
#981c19
```
#981c19 rgb(152,28,25)
```
#a91f1b
```
#a91f1b rgb(169,31,27)
```
#ba221e
```
#ba221e rgb(186,34,30)
```
#cb2521
```
#cb2521 rgb(203,37,33)
```

Shade Color Variation

#dc2824
```
#dc2824 rgb(220,40,36)
```
#de3935
```
#de3935 rgb(222,57,53)
```
#e14945
```
#e14945 rgb(225,73,69)
```
#e45a56
```
#e45a56 rgb(228,90,86)
```
#e76a67
```
#e76a67 rgb(231,106,103)
```
#e97b78
```
#e97b78 rgb(233,123,120)
```
#ec8c89
```
#ec8c89 rgb(236,140,137)
```
#ef9c9a
```
#ef9c9a rgb(239,156,154)
```
#f1adab
```
#f1adab rgb(241,173,171)
```
#f4bdbc
```
#f4bdbc rgb(244,189,188)
```
#f7cecd
```
#f7cecd rgb(247,206,205)
```
#fadedd
```
#fadedd rgb(250,222,221)
```
#fcefee
```
#fcefee rgb(252,239,238)
```

Tint Color Variation

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

#6f6969
```
#6f6969 rgb(111,105,105)
```
#786160
```
#786160 rgb(120,97,96)
```
#805958
```
#805958 rgb(128,89,88)
```
#885150
```
#885150 rgb(136,81,80)
```
#904948
```
#904948 rgb(144,73,72)
```
#99423f
```
#99423f rgb(153,66,63)
```
#a13a37
```
#a13a37 rgb(161,58,55)
```
#a9322f
```
#a9322f rgb(169,50,47)
```
#b22a26
```
#b22a26 rgb(178,42,38)
```
#ba221e
```
#ba221e rgb(186,34,30)
```
#c21a16
```
#c21a16 rgb(194,26,22)
```
#cb120d
```
#cb120d rgb(203,18,13)
```
#d30a05
```
#d30a05 rgb(211,10,5)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#644645 Atypical Achromatopsia 0.001% of the population

Dichromacy

#726838 Protanopia 1% of men
#81631a Deuteranopia 1% of men
#bd2c2d Tritanopia 0.001% of the population

Trichromacy

#8c4e2e Protanomaly 1% of men, 0.01% of women
#964b1b Deuteranomaly 6% of men, 0.4% of women
#bc2827 Tritanomaly 0.01% of the population

#ba221e hex color

#ba221e Color Information

#ba221e Color Conversion

Color Schemes with #ba221e

Alternatives to #ba221e

#ba221e Preview

Shades and Tints of #ba221e

Tones of #ba221e

Color Blindness Simulator