#ba242a hex color

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

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

● #ba242a color description : Strong red.

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

Hex triplet	ba242a	`#ba242a`
RGB Decimal	186, 36, 42	`rgb(186,36,42)`
RGB Percent	72.9, 14.1, 16.5	`rgb(72.9%,14.1%,16.5%)`
CMYK	0, 81, 77, 27
HSL	357.6°, 67.6, 43.5	`hsl(357.6,67.6%,43.5%)`
HSV (or HSB)	357.6°, 80.6, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	41.01, 57.97, 35.56
XYZ	21.3, 11.871, 3.36
xyY	0.583, 0.325, 11.871
CIE-LCH	41.01, 68.007, 31.526
CIE-LUV	41.01, 111.397, 22.267
Hunter-Lab	34.454, 50.055, 18.335
Binary	10111010, 00100100, 00101010

#ba242a
```
#ba242a rgb(186,36,42)
```
#24bab4
```
#24bab4 rgb(36,186,180)
```

Complementary Color

#ba2475
```
#ba2475 rgb(186,36,117)
```
#ba242a
```
#ba242a rgb(186,36,42)
```
#ba6924
```
#ba6924 rgb(186,105,36)
```

Analogous Color

#2475ba
```
#2475ba rgb(36,117,186)
```
#ba242a
```
#ba242a rgb(186,36,42)
```
#24ba69
```
#24ba69 rgb(36,186,105)
```

Split Complementary Color

#242aba
```
#242aba rgb(36,42,186)
```
#ba242a
```
#ba242a rgb(186,36,42)
```
#2aba24
```
#2aba24 rgb(42,186,36)
```

Triadic Color

#b424ba
```
#b424ba rgb(180,36,186)
```
#ba242a
```
#ba242a rgb(186,36,42)
```
#2aba24
```
#2aba24 rgb(42,186,36)
```
#24bab4
```
#24bab4 rgb(36,186,180)
```

Tetradic Color

#7a181c
```
#7a181c rgb(122,24,28)
```
#8f1c20
```
#8f1c20 rgb(143,28,32)
```
#a52025
```
#a52025 rgb(165,32,37)
```
#ba242a
```
#ba242a rgb(186,36,42)
```
#cf282f
```
#cf282f rgb(207,40,47)
```
#d9383f
```
#d9383f rgb(217,56,63)
```
#dd4e54
```
#dd4e54 rgb(221,78,84)
```

Monochromatic Color

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

#ba244f
```
#ba244f rgb(186,36,79)
```
#ba2443
```
#ba2443 rgb(186,36,67)
```
#ba2437
```
#ba2437 rgb(186,36,55)
```
#ba242a
```
#ba242a rgb(186,36,42)
```
#ba2b24
```
#ba2b24 rgb(186,43,36)
```
#ba3724
```
#ba3724 rgb(186,55,36)
```
#ba4424
```
#ba4424 rgb(186,68,36)
```

Similar Colors

Text with hexadecimal color #ba242a

This text has a font color of #ba242a.

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

#ba242a background color

This paragraph has a background color of #ba242a.

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

#ba242a border color

This element has a border color of #ba242a.

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

CSS codes

.text {color:#ba242a;}

.background {background-color:#ba242a;}

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

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)
```
#160405
```
#160405 rgb(22,4,5)
```
#260709
```
#260709 rgb(38,7,9)
```
#370b0c
```
#370b0c rgb(55,11,12)
```
#470e10
```
#470e10 rgb(71,14,16)
```
#571114
```
#571114 rgb(87,17,20)
```
#681417
```
#681417 rgb(104,20,23)
```
#78171b
```
#78171b rgb(120,23,27)
```
#891a1f
```
#891a1f rgb(137,26,31)
```
#991e23
```
#991e23 rgb(153,30,35)
```
#aa2126
```
#aa2126 rgb(170,33,38)
```
#ba242a
```
#ba242a rgb(186,36,42)
```
#ca272e
```
#ca272e rgb(202,39,46)
```

Shade Color Variation

#d72f35
```
#d72f35 rgb(215,47,53)
```
#da3f45
```
#da3f45 rgb(218,63,69)
```
#dd4f55
```
#dd4f55 rgb(221,79,85)
```
#e06065
```
#e06065 rgb(224,96,101)
```
#e37075
```
#e37075 rgb(227,112,117)
```
#e78185
```
#e78185 rgb(231,129,133)
```
#ea9195
```
#ea9195 rgb(234,145,149)
```
#eda2a5
```
#eda2a5 rgb(237,162,165)
```
#f0b2b5
```
#f0b2b5 rgb(240,178,181)
```
#f3c2c4
```
#f3c2c4 rgb(243,194,196)
```
#f6d3d4
```
#f6d3d4 rgb(246,211,212)
```
#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, #766869 is the less saturated color, while #dc020b is the most saturated one.

#766869
```
#766869 rgb(118,104,105)
```
#7e6061
```
#7e6061 rgb(126,96,97)
```
#875759
```
#875759 rgb(135,87,89)
```
#8f4f51
```
#8f4f51 rgb(143,79,81)
```
#984649
```
#984649 rgb(152,70,73)
```
#a03e42
```
#a03e42 rgb(160,62,66)
```
#a9353a
```
#a9353a rgb(169,53,58)
```
#b12d32
```
#b12d32 rgb(177,45,50)
```
#ba242a
```
#ba242a rgb(186,36,42)
```
#c31b22
```
#c31b22 rgb(195,27,34)
```
#cb131a
```
#cb131a rgb(203,19,26)
```
#d40a12
```
#d40a12 rgb(212,10,18)
```
#dc020b
```
#dc020b rgb(220,2,11)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#67494a Atypical Achromatopsia 0.001% of the population

Dichromacy

#716845 Protanopia 1% of men
#816429 Deuteranopia 1% of men
#bd3030 Tritanopia 0.001% of the population

Trichromacy

#8c4f3b Protanomaly 1% of men, 0.01% of women
#964c29 Deuteranomaly 6% of men, 0.4% of women
#bc2b2e Tritanomaly 0.01% of the population

#ba242a hex color

#ba242a Color Information

#ba242a Color Conversion

Color Schemes with #ba242a

Alternatives to #ba242a

#ba242a Preview

Shades and Tints of #ba242a

Tones of #ba242a

Color Blindness Simulator