#ba0a12 hex color

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

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

● #ba0a12 color description : Strong red.

The hexadecimal color #ba0a12 has RGB values of R:186, G:10, B:18 and CMYK values of C:0, M:0.95, Y:0.9, K:0.27. Its decimal value is 12192274.

Hex triplet	ba0a12	`#ba0a12`
RGB Decimal	186, 10, 18	`rgb(186,10,18)`
RGB Percent	72.9, 3.9, 7.1	`rgb(72.9%,3.9%,7.1%)`
CMYK	0, 95, 90, 27
HSL	357.3°, 89.8, 38.4	`hsl(357.3,89.8%,38.4%)`
HSV (or HSB)	357.3°, 94.6, 72.9
Web Safe	cc0000	`#cc0000`

CIE-LAB	39.075, 62.308, 46.378
XYZ	20.469, 10.703, 1.56
xyY	0.625, 0.327, 10.703
CIE-LCH	39.075, 77.673, 36.662
CIE-LUV	39.075, 123.48, 25.602
Hunter-Lab	32.715, 54.431, 20.073
Binary	10111010, 00001010, 00010010

#ba0a12
```
#ba0a12 rgb(186,10,18)
```
#0abab2
```
#0abab2 rgb(10,186,178)
```

Complementary Color

#ba0a6a
```
#ba0a6a rgb(186,10,106)
```
#ba0a12
```
#ba0a12 rgb(186,10,18)
```
#ba5a0a
```
#ba5a0a rgb(186,90,10)
```

Analogous Color

#0a6aba
```
#0a6aba rgb(10,106,186)
```
#ba0a12
```
#ba0a12 rgb(186,10,18)
```
#0aba5a
```
#0aba5a rgb(10,186,90)
```

Split Complementary Color

#0a12ba
```
#0a12ba rgb(10,18,186)
```
#ba0a12
```
#ba0a12 rgb(186,10,18)
```
#12ba0a
```
#12ba0a rgb(18,186,10)
```

Triadic Color

#b20aba
```
#b20aba rgb(178,10,186)
```
#ba0a12
```
#ba0a12 rgb(186,10,18)
```
#12ba0a
```
#12ba0a rgb(18,186,10)
```
#0abab2
```
#0abab2 rgb(10,186,178)
```

Tetradic Color

#71060b
```
#71060b rgb(113,6,11)
```
#8a070d
```
#8a070d rgb(138,7,13)
```
#a20910
```
#a20910 rgb(162,9,16)
```
#ba0a12
```
#ba0a12 rgb(186,10,18)
```
#d20b14
```
#d20b14 rgb(210,11,20)
```
#ea0d17
```
#ea0d17 rgb(234,13,23)
```
#f31e27
```
#f31e27 rgb(243,30,39)
```

Monochromatic Color

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

#ba0a3e
```
#ba0a3e rgb(186,10,62)
```
#ba0a2f
```
#ba0a2f rgb(186,10,47)
```
#ba0a21
```
#ba0a21 rgb(186,10,33)
```
#ba0a12
```
#ba0a12 rgb(186,10,18)
```
#ba110a
```
#ba110a rgb(186,17,10)
```
#ba1f0a
```
#ba1f0a rgb(186,31,10)
```
#ba2e0a
```
#ba2e0a rgb(186,46,10)
```

Similar Colors

Text with hexadecimal color #ba0a12

This text has a font color of #ba0a12.

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

#ba0a12 background color

This paragraph has a background color of #ba0a12.

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

#ba0a12 border color

This element has a border color of #ba0a12.

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

CSS codes

.text {color:#ba0a12;}

.background {background-color:#ba0a12;}

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

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

#120102
```
#120102 rgb(18,1,2)
```
#250204
```
#250204 rgb(37,2,4)
```
#380305
```
#380305 rgb(56,3,5)
```
#4a0407
```
#4a0407 rgb(74,4,7)
```
#5d0509
```
#5d0509 rgb(93,5,9)
```
#70060b
```
#70060b rgb(112,6,11)
```
#82070d
```
#82070d rgb(130,7,13)
```
#95080e
```
#95080e rgb(149,8,14)
```
#a70910
```
#a70910 rgb(167,9,16)
```
#ba0a12
```
#ba0a12 rgb(186,10,18)
```
#cd0b14
```
#cd0b14 rgb(205,11,20)
```
#df0c16
```
#df0c16 rgb(223,12,22)
```
#f20d17
```
#f20d17 rgb(242,13,23)
```

Shade Color Variation

#f31f29
```
#f31f29 rgb(243,31,41)
```
#f4323b
```
#f4323b rgb(244,50,59)
```
#f5454d
```
#f5454d rgb(245,69,77)
```
#f6575f
```
#f6575f rgb(246,87,95)
```
#f76a70
```
#f76a70 rgb(247,106,112)
```
#f87d82
```
#f87d82 rgb(248,125,130)
```
#f98f94
```
#f98f94 rgb(249,143,148)
```
#faa2a6
```
#faa2a6 rgb(250,162,166)
```
#fbb4b8
```
#fbb4b8 rgb(251,180,184)
```
#fcc7c9
```
#fcc7c9 rgb(252,199,201)
```
#fddadb
```
#fddadb rgb(253,218,219)
```
#feeced
```
#feeced rgb(254,236,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#675d5d
```
#675d5d rgb(103,93,93)
```
#6f5557
```
#6f5557 rgb(111,85,87)
```
#764e50
```
#764e50 rgb(118,78,80)
```
#7e4649
```
#7e4649 rgb(126,70,73)
```
#853f42
```
#853f42 rgb(133,63,66)
```
#8d373b
```
#8d373b rgb(141,55,59)
```
#943034
```
#943034 rgb(148,48,52)
```
#9c282d
```
#9c282d rgb(156,40,45)
```
#a32127
```
#a32127 rgb(163,33,39)
```
#ab1920
```
#ab1920 rgb(171,25,32)
```
#b21219
```
#b21219 rgb(178,18,25)
```
#ba0a12
```
#ba0a12 rgb(186,10,18)
```
#c2020b
```
#c2020b rgb(194,2,11)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#583537 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f642d Protanopia 1% of men
#7d5f00 Deuteranopia 1% of men
#bd1812 Tritanopia 0.001% of the population

Trichromacy

#8a4323 Protanomaly 1% of men, 0.01% of women
#934006 Deuteranomaly 6% of men, 0.4% of women
#bc1312 Tritanomaly 0.01% of the population

#ba0a12 hex color

#ba0a12 Color Information

#ba0a12 Color Conversion

Color Schemes with #ba0a12

Alternatives to #ba0a12

#ba0a12 Preview

Shades and Tints of #ba0a12

Tones of #ba0a12

Color Blindness Simulator