#ba0c2c hex color

In a RGB color space, hex #ba0c2c is composed of 72.9% red, 4.7% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.5% magenta, 76.3% yellow and 27.1% black. It has a hue angle of 349 degrees, a saturation of 87.9% and a lightness of 38.8%. #ba0c2c color hex could be obtained by blending #ff1858 with #750000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 73
- G 5
- B 17
RGB color chart
- C 0
- M 94
- Y 76
- K 27
CMYK color chart

● #ba0c2c color description : Strong red.

The hexadecimal color #ba0c2c has RGB values of R:186, G:12, B:44 and CMYK values of C:0, M:0.94, Y:0.76, K:0.27. Its decimal value is 12192812.

Hex triplet	ba0c2c	`#ba0c2c`
RGB Decimal	186, 12, 44	`rgb(186,12,44)`
RGB Percent	72.9, 4.7, 17.3	`rgb(72.9%,4.7%,17.3%)`
CMYK	0, 94, 76, 27
HSL	349°, 87.9, 38.8	`hsl(349,87.9%,38.8%)`
HSV (or HSB)	349°, 93.5, 72.9
Web Safe	cc0033	`#cc0033`

CIE-LAB	39.389, 62.742, 32.599
XYZ	20.837, 10.887, 3.387
xyY	0.593, 0.31, 10.887
CIE-LCH	39.389, 70.705, 27.455
CIE-LUV	39.389, 118.351, 18.404
Hunter-Lab	32.995, 54.985, 17.01
Binary	10111010, 00001100, 00101100

#ba0c2c
```
#ba0c2c rgb(186,12,44)
```
#0cba9a
```
#0cba9a rgb(12,186,154)
```

Complementary Color

#ba0c83
```
#ba0c83 rgb(186,12,131)
```
#ba0c2c
```
#ba0c2c rgb(186,12,44)
```
#ba430c
```
#ba430c rgb(186,67,12)
```

Analogous Color

#0c83ba
```
#0c83ba rgb(12,131,186)
```
#ba0c2c
```
#ba0c2c rgb(186,12,44)
```
#0cba43
```
#0cba43 rgb(12,186,67)
```

Split Complementary Color

#0c2cba
```
#0c2cba rgb(12,44,186)
```
#ba0c2c
```
#ba0c2c rgb(186,12,44)
```
#2cba0c
```
#2cba0c rgb(44,186,12)
```

Triadic Color

#9a0cba
```
#9a0cba rgb(154,12,186)
```
#ba0c2c
```
#ba0c2c rgb(186,12,44)
```
#2cba0c
```
#2cba0c rgb(44,186,12)
```
#0cba9a
```
#0cba9a rgb(12,186,154)
```

Tetradic Color

#72071b
```
#72071b rgb(114,7,27)
```
#8a0921
```
#8a0921 rgb(138,9,33)
```
#a20a26
```
#a20a26 rgb(162,10,38)
```
#ba0c2c
```
#ba0c2c rgb(186,12,44)
```
#d20e32
```
#d20e32 rgb(210,14,50)
```
#ea0f37
```
#ea0f37 rgb(234,15,55)
```
#f12248
```
#f12248 rgb(241,34,72)
```

Monochromatic Color

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

#ba0c57
```
#ba0c57 rgb(186,12,87)
```
#ba0c49
```
#ba0c49 rgb(186,12,73)
```
#ba0c3a
```
#ba0c3a rgb(186,12,58)
```
#ba0c2c
```
#ba0c2c rgb(186,12,44)
```
#ba0c1d
```
#ba0c1d rgb(186,12,29)
```
#ba0c0f
```
#ba0c0f rgb(186,12,15)
```
#ba180c
```
#ba180c rgb(186,24,12)
```

Similar Colors

Text with hexadecimal color #ba0c2c

This text has a font color of #ba0c2c.

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

#ba0c2c background color

This paragraph has a background color of #ba0c2c.

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

#ba0c2c border color

This element has a border color of #ba0c2c.

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

CSS codes

.text {color:#ba0c2c;}

.background {background-color:#ba0c2c;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#140105
```
#140105 rgb(20,1,5)
```
#270209
```
#270209 rgb(39,2,9)
```
#39040d
```
#39040d rgb(57,4,13)
```
#4b0512
```
#4b0512 rgb(75,5,18)
```
#5e0616
```
#5e0616 rgb(94,6,22)
```
#70071b
```
#70071b rgb(112,7,27)
```
#83081f
```
#83081f rgb(131,8,31)
```
#950a23
```
#950a23 rgb(149,10,35)
```
#a80b28
```
#a80b28 rgb(168,11,40)
```
#ba0c2c
```
#ba0c2c rgb(186,12,44)
```
#cc0d30
```
#cc0d30 rgb(204,13,48)
```
#df0e35
```
#df0e35 rgb(223,14,53)
```

Shade Color Variation

#f0113a
```
#f0113a rgb(240,17,58)
```
#f12449
```
#f12449 rgb(241,36,73)
```
#f23659
```
#f23659 rgb(242,54,89)
```
#f34868
```
#f34868 rgb(243,72,104)
```
#f45b77
```
#f45b77 rgb(244,91,119)
```
#f66d86
```
#f66d86 rgb(246,109,134)
```
#f78096
```
#f78096 rgb(247,128,150)
```
#f892a5
```
#f892a5 rgb(248,146,165)
```
#f9a5b4
```
#f9a5b4 rgb(249,165,180)
```
#fab7c3
```
#fab7c3 rgb(250,183,195)
```
#fcc9d3
```
#fcc9d3 rgb(252,201,211)
```
#fddce2
```
#fddce2 rgb(253,220,226)
```
#feeef1
```
#feeef1 rgb(254,238,241)
```

Tint Color Variation

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

#666061
```
#666061 rgb(102,96,97)
```
#6e585c
```
#6e585c rgb(110,88,92)
```
#755157
```
#755157 rgb(117,81,87)
```
#7d4953
```
#7d4953 rgb(125,73,83)
```
#85414e
```
#85414e rgb(133,65,78)
```
#8c3a49
```
#8c3a49 rgb(140,58,73)
```
#943244
```
#943244 rgb(148,50,68)
```
#9c2a3f
```
#9c2a3f rgb(156,42,63)
```
#a3233a
```
#a3233a rgb(163,35,58)
```
#ab1b36
```
#ab1b36 rgb(171,27,54)
```
#b21431
```
#b21431 rgb(178,20,49)
```
#ba0c2c
```
#ba0c2c rgb(186,12,44)
```
#c20427
```
#c20427 rgb(194,4,39)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#5c393f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c654b Protanopia 1% of men
#7c602a Deuteranopia 1% of men
#bd1f1c Tritanopia 0.001% of the population

Trichromacy

#88443f Protanomaly 1% of men, 0.01% of women
#93412b Deuteranomaly 6% of men, 0.4% of women
#bb1822 Tritanomaly 0.01% of the population

#ba0c2c hex color

#ba0c2c Color Information

#ba0c2c Color Conversion

Color Schemes with #ba0c2c

Alternatives to #ba0c2c

#ba0c2c Preview

Shades and Tints of #ba0c2c

Tones of #ba0c2c

Color Blindness Simulator