#ba0a23 hex color

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

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

● #ba0a23 color description : Strong red.

The hexadecimal color #ba0a23 has RGB values of R:186, G:10, B:35 and CMYK values of C:0, M:0.95, Y:0.81, K:0.27. Its decimal value is 12192291.

Hex triplet	ba0a23	`#ba0a23`
RGB Decimal	186, 10, 35	`rgb(186,10,35)`
RGB Percent	72.9, 3.9, 13.7	`rgb(72.9%,3.9%,13.7%)`
CMYK	0, 95, 81, 27
HSL	351.5°, 89.8, 38.4	`hsl(351.5,89.8%,38.4%)`
HSV (or HSB)	351.5°, 94.6, 72.9
Web Safe	cc0033	`#cc0033`

CIE-LAB	39.208, 62.679, 37.72
XYZ	20.663, 10.78, 2.583
xyY	0.607, 0.317, 10.78
CIE-LCH	39.208, 73.154, 31.039
CIE-LUV	39.208, 120.749, 21.406
Hunter-Lab	32.833, 54.876, 18.319
Binary	10111010, 00001010, 00100011

#ba0a23
```
#ba0a23 rgb(186,10,35)
```
#0abaa1
```
#0abaa1 rgb(10,186,161)
```

Complementary Color

#ba0a7b
```
#ba0a7b rgb(186,10,123)
```
#ba0a23
```
#ba0a23 rgb(186,10,35)
```
#ba490a
```
#ba490a rgb(186,73,10)
```

Analogous Color

#0a7bba
```
#0a7bba rgb(10,123,186)
```
#ba0a23
```
#ba0a23 rgb(186,10,35)
```
#0aba49
```
#0aba49 rgb(10,186,73)
```

Split Complementary Color

#0a23ba
```
#0a23ba rgb(10,35,186)
```
#ba0a23
```
#ba0a23 rgb(186,10,35)
```
#23ba0a
```
#23ba0a rgb(35,186,10)
```

Triadic Color

#a10aba
```
#a10aba rgb(161,10,186)
```
#ba0a23
```
#ba0a23 rgb(186,10,35)
```
#23ba0a
```
#23ba0a rgb(35,186,10)
```
#0abaa1
```
#0abaa1 rgb(10,186,161)
```

Tetradic Color

#710615
```
#710615 rgb(113,6,21)
```
#8a071a
```
#8a071a rgb(138,7,26)
```
#a2091e
```
#a2091e rgb(162,9,30)
```
#ba0a23
```
#ba0a23 rgb(186,10,35)
```
#d20b28
```
#d20b28 rgb(210,11,40)
```
#ea0d2c
```
#ea0d2c rgb(234,13,44)
```
#f31e3c
```
#f31e3c rgb(243,30,60)
```

Monochromatic Color

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

#ba0a4f
```
#ba0a4f rgb(186,10,79)
```
#ba0a40
```
#ba0a40 rgb(186,10,64)
```
#ba0a32
```
#ba0a32 rgb(186,10,50)
```
#ba0a23
```
#ba0a23 rgb(186,10,35)
```
#ba0a14
```
#ba0a14 rgb(186,10,20)
```
#ba0e0a
```
#ba0e0a rgb(186,14,10)
```
#ba1d0a
```
#ba1d0a rgb(186,29,10)
```

Similar Colors

Text with hexadecimal color #ba0a23

This text has a font color of #ba0a23.

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

#ba0a23 background color

This paragraph has a background color of #ba0a23.

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

#ba0a23 border color

This element has a border color of #ba0a23.

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

CSS codes

.text {color:#ba0a23;}

.background {background-color:#ba0a23;}

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

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)
```
#250207
```
#250207 rgb(37,2,7)
```
#38030a
```
#38030a rgb(56,3,10)
```
#4a040e
```
#4a040e rgb(74,4,14)
```
#5d0511
```
#5d0511 rgb(93,5,17)
```
#700615
```
#700615 rgb(112,6,21)
```
#820718
```
#820718 rgb(130,7,24)
```
#95081c
```
#95081c rgb(149,8,28)
```
#a7091f
```
#a7091f rgb(167,9,31)
```
#ba0a23
```
#ba0a23 rgb(186,10,35)
```
#cd0b27
```
#cd0b27 rgb(205,11,39)
```
#df0c2a
```
#df0c2a rgb(223,12,42)
```
#f20d2e
```
#f20d2e rgb(242,13,46)
```

Shade Color Variation

#f31f3e
```
#f31f3e rgb(243,31,62)
```
#f4324e
```
#f4324e rgb(244,50,78)
```
#f5455e
```
#f5455e rgb(245,69,94)
```
#f6576e
```
#f6576e rgb(246,87,110)
```
#f76a7e
```
#f76a7e rgb(247,106,126)
```
#f87d8e
```
#f87d8e rgb(248,125,142)
```
#f98f9e
```
#f98f9e rgb(249,143,158)
```
#faa2ae
```
#faa2ae rgb(250,162,174)
```
#fbb4be
```
#fbb4be rgb(251,180,190)
```
#fcc7cf
```
#fcc7cf rgb(252,199,207)
```
#fddadf
```
#fddadf rgb(253,218,223)
```
#feecef
```
#feecef rgb(254,236,239)
```
#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 #c2021e is the most saturated one.

#675d5e
```
#675d5e rgb(103,93,94)
```
#6f5559
```
#6f5559 rgb(111,85,89)
```
#764e54
```
#764e54 rgb(118,78,84)
```
#7e464e
```
#7e464e rgb(126,70,78)
```
#853f49
```
#853f49 rgb(133,63,73)
```
#8d3743
```
#8d3743 rgb(141,55,67)
```
#94303e
```
#94303e rgb(148,48,62)
```
#9c2839
```
#9c2839 rgb(156,40,57)
```
#a32133
```
#a32133 rgb(163,33,51)
```
#ab192e
```
#ab192e rgb(171,25,46)
```
#b21228
```
#b21228 rgb(178,18,40)
```
#ba0a23
```
#ba0a23 rgb(186,10,35)
```
#c2021e
```
#c2021e rgb(194,2,30)
```

Tone Color Variation

Below, you can see how #ba0a23 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
#59363b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6440 Protanopia 1% of men
#7d6020 Deuteranopia 1% of men
#bd1c17 Tritanopia 0.001% of the population

Trichromacy

#894335 Protanomaly 1% of men, 0.01% of women
#934021 Deuteranomaly 6% of men, 0.4% of women
#bc151b Tritanomaly 0.01% of the population

#ba0a23 hex color

#ba0a23 Color Information

#ba0a23 Color Conversion

Color Schemes with #ba0a23

Alternatives to #ba0a23

#ba0a23 Preview

Shades and Tints of #ba0a23

Tones of #ba0a23

Color Blindness Simulator