#ba021c hex color

In a RGB color space, hex #ba021c is composed of 72.9% red, 0.8% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.9% magenta, 84.9% yellow and 27.1% black. It has a hue angle of 351.5 degrees, a saturation of 97.9% and a lightness of 36.9%. #ba021c color hex could be obtained by blending #ff0438 with #750000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 73
- G 1
- B 11
RGB color chart
- C 0
- M 99
- Y 85
- K 27
CMYK color chart

● #ba021c color description : Strong red.

The hexadecimal color #ba021c has RGB values of R:186, G:2, B:28 and CMYK values of C:0, M:0.99, Y:0.85, K:0.27. Its decimal value is 12190236.

Hex triplet	ba021c	`#ba021c`
RGB Decimal	186, 2, 28	`rgb(186,2,28)`
RGB Percent	72.9, 0.8, 11	`rgb(72.9%,0.8%,11%)`
CMYK	0, 99, 85, 27
HSL	351.5°, 97.9, 36.9	`hsl(351.5,97.9%,36.9%)`
HSV (or HSB)	351.5°, 98.9, 72.9
Web Safe	cc0033	`#cc0033`

CIE-LAB	38.845, 63.365, 41.266
XYZ	20.482, 10.569, 2.06
xyY	0.619, 0.319, 10.569
CIE-LCH	38.845, 75.618, 33.074
CIE-LUV	38.845, 123.49, 22.867
Hunter-Lab	32.51, 55.566, 19
Binary	10111010, 00000010, 00011100

#ba021c
```
#ba021c rgb(186,2,28)
```
#02baa0
```
#02baa0 rgb(2,186,160)
```

Complementary Color

#ba0278
```
#ba0278 rgb(186,2,120)
```
#ba021c
```
#ba021c rgb(186,2,28)
```
#ba4402
```
#ba4402 rgb(186,68,2)
```

Analogous Color

#0278ba
```
#0278ba rgb(2,120,186)
```
#ba021c
```
#ba021c rgb(186,2,28)
```
#02ba44
```
#02ba44 rgb(2,186,68)
```

Split Complementary Color

#021cba
```
#021cba rgb(2,28,186)
```
#ba021c
```
#ba021c rgb(186,2,28)
```
#1cba02
```
#1cba02 rgb(28,186,2)
```

Triadic Color

#a002ba
```
#a002ba rgb(160,2,186)
```
#ba021c
```
#ba021c rgb(186,2,28)
```
#1cba02
```
#1cba02 rgb(28,186,2)
```
#02baa0
```
#02baa0 rgb(2,186,160)
```

Tetradic Color

#6e0111
```
#6e0111 rgb(110,1,17)
```
#880114
```
#880114 rgb(136,1,20)
```
#a10218
```
#a10218 rgb(161,2,24)
```
#ba021c
```
#ba021c rgb(186,2,28)
```
#d30220
```
#d30220 rgb(211,2,32)
```
#ec0324
```
#ec0324 rgb(236,3,36)
```
#fc0c2e
```
#fc0c2e rgb(252,12,46)
```

Monochromatic Color

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

#ba024a
```
#ba024a rgb(186,2,74)
```
#ba023b
```
#ba023b rgb(186,2,59)
```
#ba022b
```
#ba022b rgb(186,2,43)
```
#ba021c
```
#ba021c rgb(186,2,28)
```
#ba020d
```
#ba020d rgb(186,2,13)
```
#ba0702
```
#ba0702 rgb(186,7,2)
```
#ba1602
```
#ba1602 rgb(186,22,2)
```

Similar Colors

Text with hexadecimal color #ba021c

This text has a font color of #ba021c.

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

#ba021c background color

This paragraph has a background color of #ba021c.

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

#ba021c border color

This element has a border color of #ba021c.

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

CSS codes

.text {color:#ba021c;}

.background {background-color:#ba021c;}

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

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, #0b0002 is the darkest color, while #fff7f8 is the lightest one.

#0b0002
```
#0b0002 rgb(11,0,2)
```
#1f0005
```
#1f0005 rgb(31,0,5)
```
#320108
```
#320108 rgb(50,1,8)
```
#46010a
```
#46010a rgb(70,1,10)
```
#59010d
```
#59010d rgb(89,1,13)
```
#6c0110
```
#6c0110 rgb(108,1,16)
```
#800113
```
#800113 rgb(128,1,19)
```
#930216
```
#930216 rgb(147,2,22)
```
#a70219
```
#a70219 rgb(167,2,25)
```
#ba021c
```
#ba021c rgb(186,2,28)
```
#cd021f
```
#cd021f rgb(205,2,31)
```
#e10222
```
#e10222 rgb(225,2,34)
```
#f40325
```
#f40325 rgb(244,3,37)
```

Shade Color Variation

#fc0e30
```
#fc0e30 rgb(252,14,48)
```
#fd2140
```
#fd2140 rgb(253,33,64)
```
#fd3551
```
#fd3551 rgb(253,53,81)
```
#fd4862
```
#fd4862 rgb(253,72,98)
```
#fd5c73
```
#fd5c73 rgb(253,92,115)
```
#fd6f83
```
#fd6f83 rgb(253,111,131)
```
#fe8294
```
#fe8294 rgb(254,130,148)
```
#fe96a5
```
#fe96a5 rgb(254,150,165)
```
#fea9b5
```
#fea9b5 rgb(254,169,181)
```
#febdc6
```
#febdc6 rgb(254,189,198)
```
#fed0d7
```
#fed0d7 rgb(254,208,215)
```
#ffe4e7
```
#ffe4e7 rgb(255,228,231)
```
#fff7f8
```
#fff7f8 rgb(255,247,248)
```

Tint Color Variation

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

#63595a
```
#63595a rgb(99,89,90)
```
#6a5255
```
#6a5255 rgb(106,82,85)
```
#724a50
```
#724a50 rgb(114,74,80)
```
#79434b
```
#79434b rgb(121,67,75)
```
#803c45
```
#803c45 rgb(128,60,69)
```
#873540
```
#873540 rgb(135,53,64)
```
#8f2d3b
```
#8f2d3b rgb(143,45,59)
```
#962636
```
#962636 rgb(150,38,54)
```
#9d1f31
```
#9d1f31 rgb(157,31,49)
```
#a4182c
```
#a4182c rgb(164,24,44)
```
#ac1026
```
#ac1026 rgb(172,16,38)
```
#b30921
```
#b30921 rgb(179,9,33)
```
#ba021c
```
#ba021c rgb(186,2,28)
```

Tone Color Variation

Below, you can see how #ba021c 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
#553036 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6439 Protanopia 1% of men
#7c5f15 Deuteranopia 1% of men
#bd1407 Tritanopia 0.001% of the population

Trichromacy

#89402e Protanomaly 1% of men, 0.01% of women
#933d17 Deuteranomaly 6% of men, 0.4% of women
#bc0d0e Tritanomaly 0.01% of the population

#ba021c hex color

#ba021c Color Information

#ba021c Color Conversion

Color Schemes with #ba021c

Alternatives to #ba021c

#ba021c Preview

Shades and Tints of #ba021c

Tones of #ba021c

Color Blindness Simulator