#ba202b hex color

In a RGB color space, hex #ba202b is composed of 72.9% red, 12.5% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.8% magenta, 76.9% yellow and 27.1% black. It has a hue angle of 355.7 degrees, a saturation of 70.6% and a lightness of 42.7%. #ba202b color hex could be obtained by blending #ff4056 with #750000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 13
- B 17
RGB color chart
- C 0
- M 83
- Y 77
- K 27
CMYK color chart

● #ba202b color description : Strong red.

The hexadecimal color #ba202b has RGB values of R:186, G:32, B:43 and CMYK values of C:0, M:0.83, Y:0.77, K:0.27. Its decimal value is 12197931.

Hex triplet	ba202b	`#ba202b`
RGB Decimal	186, 32, 43	`rgb(186,32,43)`
RGB Percent	72.9, 12.5, 16.9	`rgb(72.9%,12.5%,16.9%)`
CMYK	0, 83, 77, 27
HSL	355.7°, 70.6, 42.7	`hsl(355.7,70.6%,42.7%)`
HSV (or HSB)	355.7°, 82.8, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	40.653, 59.05, 34.59
XYZ	21.203, 11.649, 3.417
xyY	0.585, 0.321, 11.649
CIE-LCH	40.653, 68.435, 30.361
CIE-LUV	40.653, 112.826, 21.209
Hunter-Lab	34.131, 51.161, 17.955
Binary	10111010, 00100000, 00101011

#ba202b
```
#ba202b rgb(186,32,43)
```
#20baaf
```
#20baaf rgb(32,186,175)
```

Complementary Color

#ba2078
```
#ba2078 rgb(186,32,120)
```
#ba202b
```
#ba202b rgb(186,32,43)
```
#ba6220
```
#ba6220 rgb(186,98,32)
```

Analogous Color

#2078ba
```
#2078ba rgb(32,120,186)
```
#ba202b
```
#ba202b rgb(186,32,43)
```
#20ba62
```
#20ba62 rgb(32,186,98)
```

Split Complementary Color

#202bba
```
#202bba rgb(32,43,186)
```
#ba202b
```
#ba202b rgb(186,32,43)
```
#2bba20
```
#2bba20 rgb(43,186,32)
```

Triadic Color

#af20ba
```
#af20ba rgb(175,32,186)
```
#ba202b
```
#ba202b rgb(186,32,43)
```
#2bba20
```
#2bba20 rgb(43,186,32)
```
#20baaf
```
#20baaf rgb(32,186,175)
```

Tetradic Color

#79151c
```
#79151c rgb(121,21,28)
```
#8e1921
```
#8e1921 rgb(142,25,33)
```
#a41c26
```
#a41c26 rgb(164,28,38)
```
#ba202b
```
#ba202b rgb(186,32,43)
```
#d02430
```
#d02430 rgb(208,36,48)
```
#dc313e
```
#dc313e rgb(220,49,62)
```
#df4752
```
#df4752 rgb(223,71,82)
```

Monochromatic Color

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

#ba2052
```
#ba2052 rgb(186,32,82)
```
#ba2045
```
#ba2045 rgb(186,32,69)
```
#ba2038
```
#ba2038 rgb(186,32,56)
```
#ba202b
```
#ba202b rgb(186,32,43)
```
#ba2220
```
#ba2220 rgb(186,34,32)
```
#ba2f20
```
#ba2f20 rgb(186,47,32)
```
#ba3c20
```
#ba3c20 rgb(186,60,32)
```

Similar Colors

Text with hexadecimal color #ba202b

This text has a font color of #ba202b.

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

#ba202b background color

This paragraph has a background color of #ba202b.

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

#ba202b border color

This element has a border color of #ba202b.

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

CSS codes

.text {color:#ba202b;}

.background {background-color:#ba202b;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#130304
```
#130304 rgb(19,3,4)
```
#230608
```
#230608 rgb(35,6,8)
```
#34090c
```
#34090c rgb(52,9,12)
```
#450c10
```
#450c10 rgb(69,12,16)
```
#560f14
```
#560f14 rgb(86,15,20)
```
#661218
```
#661218 rgb(102,18,24)
```
#77141c
```
#77141c rgb(119,20,28)
```
#88171f
```
#88171f rgb(136,23,31)
```
#991a23
```
#991a23 rgb(153,26,35)
```
#a91d27
```
#a91d27 rgb(169,29,39)
```
#ba202b
```
#ba202b rgb(186,32,43)
```
#cb232f
```
#cb232f rgb(203,35,47)
```

Shade Color Variation

#da2734
```
#da2734 rgb(218,39,52)
```
#dd3844
```
#dd3844 rgb(221,56,68)
```
#e04954
```
#e04954 rgb(224,73,84)
```
#e35a63
```
#e35a63 rgb(227,90,99)
```
#e56a73
```
#e56a73 rgb(229,106,115)
```
#e87b83
```
#e87b83 rgb(232,123,131)
```
#eb8c93
```
#eb8c93 rgb(235,140,147)
```
#ee9ca2
```
#ee9ca2 rgb(238,156,162)
```
#f1adb2
```
#f1adb2 rgb(241,173,178)
```
#f4bec2
```
#f4bec2 rgb(244,190,194)
```
#f7cfd2
```
#f7cfd2 rgb(247,207,210)
```
#fadfe1
```
#fadfe1 rgb(250,223,225)
```
#fcf0f1
```
#fcf0f1 rgb(252,240,241)
```

Tint Color Variation

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

#6f6b6c
```
#6f6b6c rgb(111,107,108)
```
#776364
```
#776364 rgb(119,99,100)
```
#7f5b5d
```
#7f5b5d rgb(127,91,93)
```
#885256
```
#885256 rgb(136,82,86)
```
#904a4f
```
#904a4f rgb(144,74,79)
```
#984248
```
#984248 rgb(152,66,72)
```
#a13941
```
#a13941 rgb(161,57,65)
```
#a93139
```
#a93139 rgb(169,49,57)
```
#b22832
```
#b22832 rgb(178,40,50)
```
#ba202b
```
#ba202b rgb(186,32,43)
```
#c21824
```
#c21824 rgb(194,24,36)
```
#cb0f1d
```
#cb0f1d rgb(203,15,29)
```
#d30715
```
#d30715 rgb(211,7,21)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#644648 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706847 Protanopia 1% of men
#80632a Deuteranopia 1% of men
#bd2d2d Tritanopia 0.001% of the population

Trichromacy

#8b4d3d Protanomaly 1% of men, 0.01% of women
#954a2a Deuteranomaly 6% of men, 0.4% of women
#bc282c Tritanomaly 0.01% of the population

#ba202b hex color

#ba202b Color Information

#ba202b Color Conversion

Color Schemes with #ba202b

Alternatives to #ba202b

#ba202b Preview

Shades and Tints of #ba202b

Tones of #ba202b

Color Blindness Simulator