#ba0024 hex color

In a RGB color space, hex #ba0024 is composed of 72.9% red, 0% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 80.6% yellow and 27.1% black. It has a hue angle of 348.4 degrees, a saturation of 100% and a lightness of 36.5%. #ba0024 color hex could be obtained by blending #ff0048 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

● #ba0024 color description : Strong red.

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

Hex triplet	ba0024	`#ba0024`
RGB Decimal	186, 0, 36	`rgb(186,0,36)`
RGB Percent	72.9, 0, 14.1	`rgb(72.9%,0%,14.1%)`
CMYK	0, 100, 81, 27
HSL	348.4°, 100, 36.5	`hsl(348.4,100%,36.5%)`
HSV (or HSB)	348.4°, 100, 72.9
Web Safe	cc0033	`#cc0033`

CIE-LAB	38.845, 63.789, 36.776
XYZ	20.569, 10.569, 2.626
xyY	0.609, 0.313, 10.569
CIE-LCH	38.845, 73.631, 29.965
CIE-LUV	38.845, 122.297, 20.392
Hunter-Lab	32.51, 56.044, 17.968
Binary	10111010, 00000000, 00100100

#ba0024
```
#ba0024 rgb(186,0,36)
```
#00ba96
```
#00ba96 rgb(0,186,150)
```

Complementary Color

#ba0081
```
#ba0081 rgb(186,0,129)
```
#ba0024
```
#ba0024 rgb(186,0,36)
```
#ba3900
```
#ba3900 rgb(186,57,0)
```

Analogous Color

#0081ba
```
#0081ba rgb(0,129,186)
```
#ba0024
```
#ba0024 rgb(186,0,36)
```
#00ba39
```
#00ba39 rgb(0,186,57)
```

Split Complementary Color

#0024ba
```
#0024ba rgb(0,36,186)
```
#ba0024
```
#ba0024 rgb(186,0,36)
```
#24ba00
```
#24ba00 rgb(36,186,0)
```

Triadic Color

#9600ba
```
#9600ba rgb(150,0,186)
```
#ba0024
```
#ba0024 rgb(186,0,36)
```
#24ba00
```
#24ba00 rgb(36,186,0)
```
#00ba96
```
#00ba96 rgb(0,186,150)
```

Tetradic Color

#6e0015
```
#6e0015 rgb(110,0,21)
```
#87001a
```
#87001a rgb(135,0,26)
```
#a1001f
```
#a1001f rgb(161,0,31)
```
#ba0024
```
#ba0024 rgb(186,0,36)
```
#d40029
```
#d40029 rgb(212,0,41)
```
#ed002e
```
#ed002e rgb(237,0,46)
```
#ff0737
```
#ff0737 rgb(255,7,55)
```

Monochromatic Color

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

#ba0053
```
#ba0053 rgb(186,0,83)
```
#ba0043
```
#ba0043 rgb(186,0,67)
```
#ba0034
```
#ba0034 rgb(186,0,52)
```
#ba0024
```
#ba0024 rgb(186,0,36)
```
#ba0015
```
#ba0015 rgb(186,0,21)
```
#ba0005
```
#ba0005 rgb(186,0,5)
```
#ba0b00
```
#ba0b00 rgb(186,11,0)
```

Similar Colors

Text with hexadecimal color #ba0024

This text has a font color of #ba0024.

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

#ba0024 background color

This paragraph has a background color of #ba0024.

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

#ba0024 border color

This element has a border color of #ba0024.

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

CSS codes

.text {color:#ba0024;}

.background {background-color:#ba0024;}

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

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)
```
#1d0006
```
#1d0006 rgb(29,0,6)
```
#310009
```
#310009 rgb(49,0,9)
```
#44000d
```
#44000d rgb(68,0,13)
```
#580011
```
#580011 rgb(88,0,17)
```
#6c0015
```
#6c0015 rgb(108,0,21)
```
#7f0019
```
#7f0019 rgb(127,0,25)
```
#93001c
```
#93001c rgb(147,0,28)
```
#a60020
```
#a60020 rgb(166,0,32)
```
#ba0024
```
#ba0024 rgb(186,0,36)
```
#ce0028
```
#ce0028 rgb(206,0,40)
```
#e1002c
```
#e1002c rgb(225,0,44)
```
#f5002f
```
#f5002f rgb(245,0,47)
```

Shade Color Variation

#ff0939
```
#ff0939 rgb(255,9,57)
```
#ff1d49
```
#ff1d49 rgb(255,29,73)
```
#ff3159
```
#ff3159 rgb(255,49,89)
```
#ff4468
```
#ff4468 rgb(255,68,104)
```
#ff5878
```
#ff5878 rgb(255,88,120)
```
#ff6c88
```
#ff6c88 rgb(255,108,136)
```
#ff7f98
```
#ff7f98 rgb(255,127,152)
```
#ff93a8
```
#ff93a8 rgb(255,147,168)
```
#ffa6b8
```
#ffa6b8 rgb(255,166,184)
```
#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 #ba0024 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)
```
#883243
```
#883243 rgb(136,50,67)
```
#8f2b3e
```
#8f2b3e rgb(143,43,62)
```
#96243a
```
#96243a rgb(150,36,58)
```
#9d1d36
```
#9d1d36 rgb(157,29,54)
```
#a51531
```
#a51531 rgb(165,21,49)
```
#ac0e2d
```
#ac0e2d rgb(172,14,45)
```
#b30728
```
#b30728 rgb(179,7,40)
```
#ba0024
```
#ba0024 rgb(186,0,36)
```

Tone Color Variation

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

#6c6342 Protanopia 1% of men
#7c5f21 Deuteranopia 1% of men
#bd150a Tritanopia 0.001% of the population

Trichromacy

#883f37 Protanomaly 1% of men, 0.01% of women
#923c22 Deuteranomaly 6% of men, 0.4% of women
#bb0d14 Tritanomaly 0.01% of the population

#ba0024 hex color

#ba0024 Color Information

#ba0024 Color Conversion

Color Schemes with #ba0024

Alternatives to #ba0024

#ba0024 Preview

Shades and Tints of #ba0024

Tones of #ba0024

Color Blindness Simulator