#ba2425 hex color

In a RGB color space, hex #ba2425 is composed of 72.9% red, 14.1% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.6% magenta, 80.1% yellow and 27.1% black. It has a hue angle of 359.6 degrees, a saturation of 67.6% and a lightness of 43.5%. #ba2425 color hex could be obtained by blending #ff484a with #750000. Closest websafe color is: #cc3333.

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

● #ba2425 color description : Strong red.

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

Hex triplet	ba2425	`#ba2425`
RGB Decimal	186, 36, 37	`rgb(186,36,37)`
RGB Percent	72.9, 14.1, 14.5	`rgb(72.9%,14.1%,14.5%)`
CMYK	0, 81, 80, 27
HSL	359.6°, 67.6, 43.5	`hsl(359.6,67.6%,43.5%)`
HSV (or HSB)	359.6°, 80.6, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	40.956, 57.802, 38.35
XYZ	21.216, 11.837, 2.918
xyY	0.59, 0.329, 11.837
CIE-LCH	40.956, 69.367, 33.563
CIE-LUV	40.956, 112.388, 23.968
Hunter-Lab	34.405, 49.862, 19.055
Binary	10111010, 00100100, 00100101

#ba2425
```
#ba2425 rgb(186,36,37)
```
#24bab9
```
#24bab9 rgb(36,186,185)
```

Complementary Color

#ba2470
```
#ba2470 rgb(186,36,112)
```
#ba2425
```
#ba2425 rgb(186,36,37)
```
#ba6e24
```
#ba6e24 rgb(186,110,36)
```

Analogous Color

#2470ba
```
#2470ba rgb(36,112,186)
```
#ba2425
```
#ba2425 rgb(186,36,37)
```
#24ba6e
```
#24ba6e rgb(36,186,110)
```

Split Complementary Color

#2425ba
```
#2425ba rgb(36,37,186)
```
#ba2425
```
#ba2425 rgb(186,36,37)
```
#25ba24
```
#25ba24 rgb(37,186,36)
```

Triadic Color

#b924ba
```
#b924ba rgb(185,36,186)
```
#ba2425
```
#ba2425 rgb(186,36,37)
```
#25ba24
```
#25ba24 rgb(37,186,36)
```
#24bab9
```
#24bab9 rgb(36,186,185)
```

Tetradic Color

#7a1818
```
#7a1818 rgb(122,24,24)
```
#8f1c1c
```
#8f1c1c rgb(143,28,28)
```
#a52021
```
#a52021 rgb(165,32,33)
```
#ba2425
```
#ba2425 rgb(186,36,37)
```
#cf2829
```
#cf2829 rgb(207,40,41)
```
#d93839
```
#d93839 rgb(217,56,57)
```
#dd4e4f
```
#dd4e4f rgb(221,78,79)
```

Monochromatic Color

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

#ba244a
```
#ba244a rgb(186,36,74)
```
#ba243e
```
#ba243e rgb(186,36,62)
```
#ba2432
```
#ba2432 rgb(186,36,50)
```
#ba2425
```
#ba2425 rgb(186,36,37)
```
#ba3024
```
#ba3024 rgb(186,48,36)
```
#ba3c24
```
#ba3c24 rgb(186,60,36)
```
#ba4924
```
#ba4924 rgb(186,73,36)
```

Similar Colors

Text with hexadecimal color #ba2425

This text has a font color of #ba2425.

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

#ba2425 background color

This paragraph has a background color of #ba2425.

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

#ba2425 border color

This element has a border color of #ba2425.

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

CSS codes

.text {color:#ba2425;}

.background {background-color:#ba2425;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#160404
```
#160404 rgb(22,4,4)
```
#260708
```
#260708 rgb(38,7,8)
```
#370b0b
```
#370b0b rgb(55,11,11)
```
#470e0e
```
#470e0e rgb(71,14,14)
```
#571111
```
#571111 rgb(87,17,17)
```
#681415
```
#681415 rgb(104,20,21)
```
#781718
```
#781718 rgb(120,23,24)
```
#891a1b
```
#891a1b rgb(137,26,27)
```
#991e1e
```
#991e1e rgb(153,30,30)
```
#aa2122
```
#aa2122 rgb(170,33,34)
```
#ba2425
```
#ba2425 rgb(186,36,37)
```
#ca2728
```
#ca2728 rgb(202,39,40)
```

Shade Color Variation

#d72f30
```
#d72f30 rgb(215,47,48)
```
#da3f40
```
#da3f40 rgb(218,63,64)
```
#dd4f50
```
#dd4f50 rgb(221,79,80)
```
#e06061
```
#e06061 rgb(224,96,97)
```
#e37071
```
#e37071 rgb(227,112,113)
```
#e78181
```
#e78181 rgb(231,129,129)
```
#ea9192
```
#ea9192 rgb(234,145,146)
```
#eda2a2
```
#eda2a2 rgb(237,162,162)
```
#f0b2b2
```
#f0b2b2 rgb(240,178,178)
```
#f3c2c3
```
#f3c2c3 rgb(243,194,195)
```
#f6d3d3
```
#f6d3d3 rgb(246,211,211)
```
#fae3e4
```
#fae3e4 rgb(250,227,228)
```
#fdf4f4
```
#fdf4f4 rgb(253,244,244)
```

Tint Color Variation

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

#766868
```
#766868 rgb(118,104,104)
```
#7e6060
```
#7e6060 rgb(126,96,96)
```
#875758
```
#875758 rgb(135,87,88)
```
#8f4f4f
```
#8f4f4f rgb(143,79,79)
```
#984647
```
#984647 rgb(152,70,71)
```
#a03e3e
```
#a03e3e rgb(160,62,62)
```
#a93536
```
#a93536 rgb(169,53,54)
```
#b12d2d
```
#b12d2d rgb(177,45,45)
```
#ba2425
```
#ba2425 rgb(186,36,37)
```
#c31b1d
```
#c31b1d rgb(195,27,29)
```
#cb1314
```
#cb1314 rgb(203,19,20)
```
#d40a0c
```
#d40a0c rgb(212,10,12)
```
#dc0203
```
#dc0203 rgb(220,2,3)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#664848 Atypical Achromatopsia 0.001% of the population

Dichromacy

#72683f Protanopia 1% of men
#826323 Deuteranopia 1% of men
#bd2f30 Tritanopia 0.001% of the population

Trichromacy

#8c4f36 Protanomaly 1% of men, 0.01% of women
#964c24 Deuteranomaly 6% of men, 0.4% of women
#bc2b2c Tritanomaly 0.01% of the population

#ba2425 hex color

#ba2425 Color Information

#ba2425 Color Conversion

Color Schemes with #ba2425

Alternatives to #ba2425

#ba2425 Preview

Shades and Tints of #ba2425

Tones of #ba2425

Color Blindness Simulator