#ba0d22 hex color

In a RGB color space, hex #ba0d22 is composed of 72.9% red, 5.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93% magenta, 81.7% yellow and 27.1% black. It has a hue angle of 352.7 degrees, a saturation of 86.9% and a lightness of 39%. #ba0d22 color hex could be obtained by blending #ff1a44 with #750000. Closest websafe color is: #cc0033.

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

● #ba0d22 color description : Strong red.

The hexadecimal color #ba0d22 has RGB values of R:186, G:13, B:34 and CMYK values of C:0, M:0.93, Y:0.82, K:0.27. Its decimal value is 12193058.

Hex triplet	ba0d22	`#ba0d22`
RGB Decimal	186, 13, 34	`rgb(186,13,34)`
RGB Percent	72.9, 5.1, 13.3	`rgb(72.9%,5.1%,13.3%)`
CMYK	0, 93, 82, 27
HSL	352.7°, 86.9, 39	`hsl(352.7,86.9%,39%)`
HSV (or HSB)	352.7°, 93, 72.9
Web Safe	cc0033	`#cc0033`

CIE-LAB	39.318, 62.303, 38.399
XYZ	20.683, 10.845, 2.518
xyY	0.608, 0.319, 10.845
CIE-LCH	39.318, 73.186, 31.646
CIE-LUV	39.318, 120.383, 21.94
Hunter-Lab	32.932, 54.479, 18.52
Binary	10111010, 00001101, 00100010

#ba0d22
```
#ba0d22 rgb(186,13,34)
```
#0dbaa5
```
#0dbaa5 rgb(13,186,165)
```

Complementary Color

#ba0d79
```
#ba0d79 rgb(186,13,121)
```
#ba0d22
```
#ba0d22 rgb(186,13,34)
```
#ba4f0d
```
#ba4f0d rgb(186,79,13)
```

Analogous Color

#0d79ba
```
#0d79ba rgb(13,121,186)
```
#ba0d22
```
#ba0d22 rgb(186,13,34)
```
#0dba4f
```
#0dba4f rgb(13,186,79)
```

Split Complementary Color

#0d22ba
```
#0d22ba rgb(13,34,186)
```
#ba0d22
```
#ba0d22 rgb(186,13,34)
```
#22ba0d
```
#22ba0d rgb(34,186,13)
```

Triadic Color

#a50dba
```
#a50dba rgb(165,13,186)
```
#ba0d22
```
#ba0d22 rgb(186,13,34)
```
#22ba0d
```
#22ba0d rgb(34,186,13)
```
#0dbaa5
```
#0dbaa5 rgb(13,186,165)
```

Tetradic Color

#720815
```
#720815 rgb(114,8,21)
```
#8a0a19
```
#8a0a19 rgb(138,10,25)
```
#a20b1e
```
#a20b1e rgb(162,11,30)
```
#ba0d22
```
#ba0d22 rgb(186,13,34)
```
#d20f26
```
#d20f26 rgb(210,15,38)
```
#ea102b
```
#ea102b rgb(234,16,43)
```
#f0243d
```
#f0243d rgb(240,36,61)
```

Monochromatic Color

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

#ba0d4d
```
#ba0d4d rgb(186,13,77)
```
#ba0d3f
```
#ba0d3f rgb(186,13,63)
```
#ba0d30
```
#ba0d30 rgb(186,13,48)
```
#ba0d22
```
#ba0d22 rgb(186,13,34)
```
#ba0d14
```
#ba0d14 rgb(186,13,20)
```
#ba150d
```
#ba150d rgb(186,21,13)
```
#ba230d
```
#ba230d rgb(186,35,13)
```

Similar Colors

Text with hexadecimal color #ba0d22

This text has a font color of #ba0d22.

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

#ba0d22 background color

This paragraph has a background color of #ba0d22.

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

#ba0d22 border color

This element has a border color of #ba0d22.

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

CSS codes

.text {color:#ba0d22;}

.background {background-color:#ba0d22;}

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

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

#030000
```
#030000 rgb(3,0,0)
```
#150104
```
#150104 rgb(21,1,4)
```
#270307
```
#270307 rgb(39,3,7)
```
#3a040b
```
#3a040b rgb(58,4,11)
```
#4c050e
```
#4c050e rgb(76,5,14)
```
#5e0711
```
#5e0711 rgb(94,7,17)
```
#710815
```
#710815 rgb(113,8,21)
```
#830918
```
#830918 rgb(131,9,24)
```
#950a1b
```
#950a1b rgb(149,10,27)
```
#a80c1f
```
#a80c1f rgb(168,12,31)
```
#ba0d22
```
#ba0d22 rgb(186,13,34)
```
#cc0e25
```
#cc0e25 rgb(204,14,37)
```
#df1029
```
#df1029 rgb(223,16,41)
```

Shade Color Variation

#ef132e
```
#ef132e rgb(239,19,46)
```
#f0263e
```
#f0263e rgb(240,38,62)
```
#f1384e
```
#f1384e rgb(241,56,78)
```
#f24a5f
```
#f24a5f rgb(242,74,95)
```
#f45d6f
```
#f45d6f rgb(244,93,111)
```
#f56f7f
```
#f56f7f rgb(245,111,127)
```
#f68190
```
#f68190 rgb(246,129,144)
```
#f794a0
```
#f794a0 rgb(247,148,160)
```
#f9a6b0
```
#f9a6b0 rgb(249,166,176)
```
#fab8c0
```
#fab8c0 rgb(250,184,192)
```
#fbcbd1
```
#fbcbd1 rgb(251,203,209)
```
#fddde1
```
#fddde1 rgb(253,221,225)
```
#feeff1
```
#feeff1 rgb(254,239,241)
```

Tint Color Variation

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

#666162
```
#666162 rgb(102,97,98)
```
#6d5a5c
```
#6d5a5c rgb(109,90,92)
```
#755256
```
#755256 rgb(117,82,86)
```
#7d4a50
```
#7d4a50 rgb(125,74,80)
```
#84434b
```
#84434b rgb(132,67,75)
```
#8c3b45
```
#8c3b45 rgb(140,59,69)
```
#94333f
```
#94333f rgb(148,51,63)
```
#9b2c39
```
#9b2c39 rgb(155,44,57)
```
#a32433
```
#a32433 rgb(163,36,51)
```
#ab1c2e
```
#ab1c2e rgb(171,28,46)
```
#b21528
```
#b21528 rgb(178,21,40)
```
#ba0d22
```
#ba0d22 rgb(186,13,34)
```
#c2051c
```
#c2051c rgb(194,5,28)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#5b383c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e653f Protanopia 1% of men
#7d601e Deuteranopia 1% of men
#bd1d1a Tritanopia 0.001% of the population

Trichromacy

#894534 Protanomaly 1% of men, 0.01% of women
#934220 Deuteranomaly 6% of men, 0.4% of women
#bc171d Tritanomaly 0.01% of the population

#ba0d22 hex color

#ba0d22 Color Information

#ba0d22 Color Conversion

Color Schemes with #ba0d22

Alternatives to #ba0d22

#ba0d22 Preview

Shades and Tints of #ba0d22

Tones of #ba0d22

Color Blindness Simulator