#ba0a20 hex color

In a RGB color space, hex #ba0a20 is composed of 72.9% red, 3.9% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.6% magenta, 82.8% yellow and 27.1% black. It has a hue angle of 352.5 degrees, a saturation of 89.8% and a lightness of 38.4%. #ba0a20 color hex could be obtained by blending #ff1440 with #750000. Closest websafe color is: #cc0033.

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

● #ba0a20 color description : Strong red.

The hexadecimal color #ba0a20 has RGB values of R:186, G:10, B:32 and CMYK values of C:0, M:0.95, Y:0.83, K:0.27. Its decimal value is 12192288.

Hex triplet	ba0a20	`#ba0a20`
RGB Decimal	186, 10, 32	`rgb(186,10,32)`
RGB Percent	72.9, 3.9, 12.5	`rgb(72.9%,3.9%,12.5%)`
CMYK	0, 95, 83, 27
HSL	352.5°, 89.8, 38.4	`hsl(352.5,89.8%,38.4%)`
HSV (or HSB)	352.5°, 94.6, 72.9
Web Safe	cc0033	`#cc0033`

CIE-LAB	39.179, 62.598, 39.386
XYZ	20.62, 10.763, 2.358
xyY	0.611, 0.319, 10.763
CIE-LCH	39.179, 73.958, 32.178
CIE-LUV	39.179, 121.339, 22.313
Hunter-Lab	32.807, 54.778, 18.703
Binary	10111010, 00001010, 00100000

#ba0a20
```
#ba0a20 rgb(186,10,32)
```
#0abaa4
```
#0abaa4 rgb(10,186,164)
```

Complementary Color

#ba0a78
```
#ba0a78 rgb(186,10,120)
```
#ba0a20
```
#ba0a20 rgb(186,10,32)
```
#ba4c0a
```
#ba4c0a rgb(186,76,10)
```

Analogous Color

#0a78ba
```
#0a78ba rgb(10,120,186)
```
#ba0a20
```
#ba0a20 rgb(186,10,32)
```
#0aba4c
```
#0aba4c rgb(10,186,76)
```

Split Complementary Color

#0a20ba
```
#0a20ba rgb(10,32,186)
```
#ba0a20
```
#ba0a20 rgb(186,10,32)
```
#20ba0a
```
#20ba0a rgb(32,186,10)
```

Triadic Color

#a40aba
```
#a40aba rgb(164,10,186)
```
#ba0a20
```
#ba0a20 rgb(186,10,32)
```
#20ba0a
```
#20ba0a rgb(32,186,10)
```
#0abaa4
```
#0abaa4 rgb(10,186,164)
```

Tetradic Color

#710614
```
#710614 rgb(113,6,20)
```
#8a0718
```
#8a0718 rgb(138,7,24)
```
#a2091c
```
#a2091c rgb(162,9,28)
```
#ba0a20
```
#ba0a20 rgb(186,10,32)
```
#d20b24
```
#d20b24 rgb(210,11,36)
```
#ea0d28
```
#ea0d28 rgb(234,13,40)
```
#f31e38
```
#f31e38 rgb(243,30,56)
```

Monochromatic Color

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

#ba0a4c
```
#ba0a4c rgb(186,10,76)
```
#ba0a3d
```
#ba0a3d rgb(186,10,61)
```
#ba0a2f
```
#ba0a2f rgb(186,10,47)
```
#ba0a20
```
#ba0a20 rgb(186,10,32)
```
#ba0a11
```
#ba0a11 rgb(186,10,17)
```
#ba110a
```
#ba110a rgb(186,17,10)
```
#ba200a
```
#ba200a rgb(186,32,10)
```

Similar Colors

Text with hexadecimal color #ba0a20

This text has a font color of #ba0a20.

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

#ba0a20 background color

This paragraph has a background color of #ba0a20.

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

#ba0a20 border color

This element has a border color of #ba0a20.

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

CSS codes

.text {color:#ba0a20;}

.background {background-color:#ba0a20;}

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

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

#120103
```
#120103 rgb(18,1,3)
```
#250206
```
#250206 rgb(37,2,6)
```
#38030a
```
#38030a rgb(56,3,10)
```
#4a040d
```
#4a040d rgb(74,4,13)
```
#5d0510
```
#5d0510 rgb(93,5,16)
```
#700613
```
#700613 rgb(112,6,19)
```
#820716
```
#820716 rgb(130,7,22)
```
#95081a
```
#95081a rgb(149,8,26)
```
#a7091d
```
#a7091d rgb(167,9,29)
```
#ba0a20
```
#ba0a20 rgb(186,10,32)
```
#cd0b23
```
#cd0b23 rgb(205,11,35)
```
#df0c26
```
#df0c26 rgb(223,12,38)
```
#f20d2a
```
#f20d2a rgb(242,13,42)
```

Shade Color Variation

#f31f3a
```
#f31f3a rgb(243,31,58)
```
#f4324a
```
#f4324a rgb(244,50,74)
```
#f5455b
```
#f5455b rgb(245,69,91)
```
#f6576b
```
#f6576b rgb(246,87,107)
```
#f76a7c
```
#f76a7c rgb(247,106,124)
```
#f87d8c
```
#f87d8c rgb(248,125,140)
```
#f98f9c
```
#f98f9c rgb(249,143,156)
```
#faa2ad
```
#faa2ad rgb(250,162,173)
```
#fbb4bd
```
#fbb4bd rgb(251,180,189)
```
#fcc7ce
```
#fcc7ce rgb(252,199,206)
```
#fddade
```
#fddade rgb(253,218,222)
```
#feecee
```
#feecee rgb(254,236,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#675d5e
```
#675d5e rgb(103,93,94)
```
#6f5559
```
#6f5559 rgb(111,85,89)
```
#764e53
```
#764e53 rgb(118,78,83)
```
#7e464d
```
#7e464d rgb(126,70,77)
```
#853f48
```
#853f48 rgb(133,63,72)
```
#8d3742
```
#8d3742 rgb(141,55,66)
```
#94303c
```
#94303c rgb(148,48,60)
```
#9c2837
```
#9c2837 rgb(156,40,55)
```
#a32131
```
#a32131 rgb(163,33,49)
```
#ab192b
```
#ab192b rgb(171,25,43)
```
#b21226
```
#b21226 rgb(178,18,38)
```
#ba0a20
```
#ba0a20 rgb(186,10,32)
```
#c2021a
```
#c2021a rgb(194,2,26)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#59363a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e643d Protanopia 1% of men
#7d5f1c Deuteranopia 1% of men
#bd1b16 Tritanopia 0.001% of the population

Trichromacy

#894332 Protanomaly 1% of men, 0.01% of women
#93401d Deuteranomaly 6% of men, 0.4% of women
#bc151a Tritanomaly 0.01% of the population

#ba0a20 hex color

#ba0a20 Color Information

#ba0a20 Color Conversion

Color Schemes with #ba0a20

Alternatives to #ba0a20

#ba0a20 Preview

Shades and Tints of #ba0a20

Tones of #ba0a20

Color Blindness Simulator