colorhexa.com

#ba0a36 hex color

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

- R 73
- G 4
- B 21
RGB color chart
- C 0
- M 95
- Y 71
- K 27
CMYK color chart

● #ba0a36 color description : Strong red.

The hexadecimal color #ba0a36 has RGB values of R:186, G:10, B:54 and CMYK values of C:0, M:0.95, Y:0.71, K:0.27. Its decimal value is 12192310.

Hex triplet	ba0a36	`#ba0a36`
RGB Decimal	186, 10, 54	`rgb(186,10,54)`
RGB Percent	72.9, 3.9, 21.2	`rgb(72.9%,3.9%,21.2%)`
CMYK	0, 95, 71, 27
HSL	345°, 89.8, 38.4	`hsl(345,89.8%,38.4%)`
HSV (or HSB)	345°, 94.6, 72.9
Web Safe	cc0033	`#cc0033`

CIE-LAB	39.454, 63.365, 26.506
XYZ	21.025, 10.925, 4.492
xyY	0.577, 0.3, 10.925
CIE-LCH	39.454, 68.685, 22.7
CIE-LUV	39.454, 115.968, 14.011
Hunter-Lab	33.053, 55.7, 15.08
Binary	10111010, 00001010, 00110110

#ba0a36
```
#ba0a36 rgb(186,10,54)
```
#0aba8e
```
#0aba8e rgb(10,186,142)
```

Complementary Color

#ba0a8e
```
#ba0a8e rgb(186,10,142)
```
#ba0a36
```
#ba0a36 rgb(186,10,54)
```
#ba360a
```
#ba360a rgb(186,54,10)
```

Analogous Color

#0a8eba
```
#0a8eba rgb(10,142,186)
```
#ba0a36
```
#ba0a36 rgb(186,10,54)
```
#0aba36
```
#0aba36 rgb(10,186,54)
```

Split Complementary Color

#0a36ba
```
#0a36ba rgb(10,54,186)
```
#ba0a36
```
#ba0a36 rgb(186,10,54)
```
#36ba0a
```
#36ba0a rgb(54,186,10)
```

Triadic Color

#8e0aba
```
#8e0aba rgb(142,10,186)
```
#ba0a36
```
#ba0a36 rgb(186,10,54)
```
#36ba0a
```
#36ba0a rgb(54,186,10)
```
#0aba8e
```
#0aba8e rgb(10,186,142)
```

Tetradic Color

#710621
```
#710621 rgb(113,6,33)
```
#8a0728
```
#8a0728 rgb(138,7,40)
```
#a2092f
```
#a2092f rgb(162,9,47)
```
#ba0a36
```
#ba0a36 rgb(186,10,54)
```
#d20b3d
```
#d20b3d rgb(210,11,61)
```
#ea0d44
```
#ea0d44 rgb(234,13,68)
```
#f31e53
```
#f31e53 rgb(243,30,83)
```

Monochromatic Color

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

#ba0a62
```
#ba0a62 rgb(186,10,98)
```
#ba0a53
```
#ba0a53 rgb(186,10,83)
```
#ba0a45
```
#ba0a45 rgb(186,10,69)
```
#ba0a36
```
#ba0a36 rgb(186,10,54)
```
#ba0a27
```
#ba0a27 rgb(186,10,39)
```
#ba0a19
```
#ba0a19 rgb(186,10,25)
```
#ba0a0a
```
#ba0a0a rgb(186,10,10)
```

Similar Colors

Text with hexadecimal color #ba0a36

This text has a font color of #ba0a36.

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

#ba0a36 background color

This paragraph has a background color of #ba0a36.

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

#ba0a36 border color

This element has a border color of #ba0a36.

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

CSS codes

.text {color:#ba0a36;}

.background {background-color:#ba0a36;}

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

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

#120105
```
#120105 rgb(18,1,5)
```
#25020b
```
#25020b rgb(37,2,11)
```
#380310
```
#380310 rgb(56,3,16)
```
#4a0416
```
#4a0416 rgb(74,4,22)
```
#5d051b
```
#5d051b rgb(93,5,27)
```
#700620
```
#700620 rgb(112,6,32)
```
#820726
```
#820726 rgb(130,7,38)
```
#95082b
```
#95082b rgb(149,8,43)
```
#a70931
```
#a70931 rgb(167,9,49)
```
#ba0a36
```
#ba0a36 rgb(186,10,54)
```
#cd0b3b
```
#cd0b3b rgb(205,11,59)
```
#df0c41
```
#df0c41 rgb(223,12,65)
```
#f20d46
```
#f20d46 rgb(242,13,70)
```

Shade Color Variation

#f31f54
```
#f31f54 rgb(243,31,84)
```
#f43263
```
#f43263 rgb(244,50,99)
```
#f54571
```
#f54571 rgb(245,69,113)
```
#f6577f
```
#f6577f rgb(246,87,127)
```
#f76a8d
```
#f76a8d rgb(247,106,141)
```
#f87d9b
```
#f87d9b rgb(248,125,155)
```
#f98faa
```
#f98faa rgb(249,143,170)
```
#faa2b8
```
#faa2b8 rgb(250,162,184)
```
#fbb4c6
```
#fbb4c6 rgb(251,180,198)
```
#fcc7d4
```
#fcc7d4 rgb(252,199,212)
```
#fddae2
```
#fddae2 rgb(253,218,226)
```
#feecf1
```
#feecf1 rgb(254,236,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#675d5f
```
#675d5f rgb(103,93,95)
```
#6f555c
```
#6f555c rgb(111,85,92)
```
#764e58
```
#764e58 rgb(118,78,88)
```
#7e4654
```
#7e4654 rgb(126,70,84)
```
#853f50
```
#853f50 rgb(133,63,80)
```
#8d374d
```
#8d374d rgb(141,55,77)
```
#943049
```
#943049 rgb(148,48,73)
```
#9c2845
```
#9c2845 rgb(156,40,69)
```
#a32141
```
#a32141 rgb(163,33,65)
```
#ab193e
```
#ab193e rgb(171,25,62)
```
#b2123a
```
#b2123a rgb(178,18,58)
```
#ba0a36
```
#ba0a36 rgb(186,10,54)
```
#c20232
```
#c20232 rgb(194,2,50)
```

Tone Color Variation

Below, you can see how #ba0a36 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
#5c3841 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6557 Protanopia 1% of men
#7b6035 Deuteranopia 1% of men
#bc211f Tritanopia 0.001% of the population

Trichromacy

#87434b Protanomaly 1% of men, 0.01% of women
#924135 Deuteranomaly 6% of men, 0.4% of women
#bb1827 Tritanomaly 0.01% of the population