#ba0023 hex color

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

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

● #ba0023 color description : Strong red.

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

Hex triplet	ba0023	`#ba0023`
RGB Decimal	186, 0, 35	`rgb(186,0,35)`
RGB Percent	72.9, 0, 13.7	`rgb(72.9%,0%,13.7%)`
CMYK	0, 100, 81, 27
HSL	348.7°, 100, 36.5	`hsl(348.7,100%,36.5%)`
HSV (or HSB)	348.7°, 100, 72.9
Web Safe	cc0033	`#cc0033`

CIE-LAB	38.835, 63.76, 37.346
XYZ	20.554, 10.563, 2.547
xyY	0.611, 0.314, 10.563
CIE-LCH	38.835, 73.892, 30.359
CIE-LUV	38.835, 122.51, 20.713
Hunter-Lab	32.501, 56.009, 18.105
Binary	10111010, 00000000, 00100011

#ba0023
```
#ba0023 rgb(186,0,35)
```
#00ba97
```
#00ba97 rgb(0,186,151)
```

Complementary Color

#ba0080
```
#ba0080 rgb(186,0,128)
```
#ba0023
```
#ba0023 rgb(186,0,35)
```
#ba3a00
```
#ba3a00 rgb(186,58,0)
```

Analogous Color

#0080ba
```
#0080ba rgb(0,128,186)
```
#ba0023
```
#ba0023 rgb(186,0,35)
```
#00ba3a
```
#00ba3a rgb(0,186,58)
```

Split Complementary Color

#0023ba
```
#0023ba rgb(0,35,186)
```
#ba0023
```
#ba0023 rgb(186,0,35)
```
#23ba00
```
#23ba00 rgb(35,186,0)
```

Triadic Color

#9700ba
```
#9700ba rgb(151,0,186)
```
#ba0023
```
#ba0023 rgb(186,0,35)
```
#23ba00
```
#23ba00 rgb(35,186,0)
```
#00ba97
```
#00ba97 rgb(0,186,151)
```

Tetradic Color

#6e0015
```
#6e0015 rgb(110,0,21)
```
#870019
```
#870019 rgb(135,0,25)
```
#a1001e
```
#a1001e rgb(161,0,30)
```
#ba0023
```
#ba0023 rgb(186,0,35)
```
#d40028
```
#d40028 rgb(212,0,40)
```
#ed002d
```
#ed002d rgb(237,0,45)
```
#ff0736
```
#ff0736 rgb(255,7,54)
```

Monochromatic Color

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

#ba0052
```
#ba0052 rgb(186,0,82)
```
#ba0042
```
#ba0042 rgb(186,0,66)
```
#ba0033
```
#ba0033 rgb(186,0,51)
```
#ba0023
```
#ba0023 rgb(186,0,35)
```
#ba0014
```
#ba0014 rgb(186,0,20)
```
#ba0004
```
#ba0004 rgb(186,0,4)
```
#ba0b00
```
#ba0b00 rgb(186,11,0)
```

Similar Colors

Text with hexadecimal color #ba0023

This text has a font color of #ba0023.

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

#ba0023 background color

This paragraph has a background color of #ba0023.

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

#ba0023 border color

This element has a border color of #ba0023.

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

CSS codes

.text {color:#ba0023;}

.background {background-color:#ba0023;}

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

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

#090002
```
#090002 rgb(9,0,2)
```
#1d0005
```
#1d0005 rgb(29,0,5)
```
#310009
```
#310009 rgb(49,0,9)
```
#44000d
```
#44000d rgb(68,0,13)
```
#580011
```
#580011 rgb(88,0,17)
```
#6c0014
```
#6c0014 rgb(108,0,20)
```
#7f0018
```
#7f0018 rgb(127,0,24)
```
#93001c
```
#93001c rgb(147,0,28)
```
#a6001f
```
#a6001f rgb(166,0,31)
```
#ba0023
```
#ba0023 rgb(186,0,35)
```
#ce0027
```
#ce0027 rgb(206,0,39)
```
#e1002a
```
#e1002a rgb(225,0,42)
```
#f5002e
```
#f5002e rgb(245,0,46)
```

Shade Color Variation

#ff0938
```
#ff0938 rgb(255,9,56)
```
#ff1d48
```
#ff1d48 rgb(255,29,72)
```
#ff3158
```
#ff3158 rgb(255,49,88)
```
#ff4467
```
#ff4467 rgb(255,68,103)
```
#ff5877
```
#ff5877 rgb(255,88,119)
```
#ff6c87
```
#ff6c87 rgb(255,108,135)
```
#ff7f97
```
#ff7f97 rgb(255,127,151)
```
#ff93a7
```
#ff93a7 rgb(255,147,167)
```
#ffa6b7
```
#ffa6b7 rgb(255,166,183)
```
#ffbac7
```
#ffbac7 rgb(255,186,199)
```
#ffced7
```
#ffced7 rgb(255,206,215)
```
#ffe1e7
```
#ffe1e7 rgb(255,225,231)
```
#fff5f7
```
#fff5f7 rgb(255,245,247)
```

Tint Color Variation

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

#645659
```
#645659 rgb(100,86,89)
```
#6b4f54
```
#6b4f54 rgb(107,79,84)
```
#724850
```
#724850 rgb(114,72,80)
```
#7a404b
```
#7a404b rgb(122,64,75)
```
#813947
```
#813947 rgb(129,57,71)
```
#883242
```
#883242 rgb(136,50,66)
```
#8f2b3e
```
#8f2b3e rgb(143,43,62)
```
#962439
```
#962439 rgb(150,36,57)
```
#9d1d35
```
#9d1d35 rgb(157,29,53)
```
#a51530
```
#a51530 rgb(165,21,48)
```
#ac0e2c
```
#ac0e2c rgb(172,14,44)
```
#b30727
```
#b30727 rgb(179,7,39)
```
#ba0023
```
#ba0023 rgb(186,0,35)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#553037 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6341 Protanopia 1% of men
#7c5f1f Deuteranopia 1% of men
#bd1509 Tritanopia 0.001% of the population

Trichromacy

#883f36 Protanomaly 1% of men, 0.01% of women
#923c21 Deuteranomaly 6% of men, 0.4% of women
#bb0d12 Tritanomaly 0.01% of the population

#ba0023 hex color

#ba0023 Color Information

#ba0023 Color Conversion

Color Schemes with #ba0023

Alternatives to #ba0023

#ba0023 Preview

Shades and Tints of #ba0023

Tones of #ba0023

Color Blindness Simulator