#ba021f hex color

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

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

● #ba021f color description : Strong red.

The hexadecimal color #ba021f has RGB values of R:186, G:2, B:31 and CMYK values of C:0, M:0.99, Y:0.83, K:0.27. Its decimal value is 12190239.

Hex triplet	ba021f	`#ba021f`
RGB Decimal	186, 2, 31	`rgb(186,2,31)`
RGB Percent	72.9, 0.8, 12.2	`rgb(72.9%,0.8%,12.2%)`
CMYK	0, 99, 83, 27
HSL	350.5°, 97.9, 36.9	`hsl(350.5,97.9%,36.9%)`
HSV (or HSB)	350.5°, 98.9, 72.9
Web Safe	cc0033	`#cc0033`

CIE-LAB	38.871, 63.436, 39.651
XYZ	20.52, 10.584, 2.259
xyY	0.615, 0.317, 10.584
CIE-LCH	38.871, 74.809, 32.007
CIE-LUV	38.871, 122.949, 22.052
Hunter-Lab	32.533, 55.653, 18.657
Binary	10111010, 00000010, 00011111

#ba021f
```
#ba021f rgb(186,2,31)
```
#02ba9d
```
#02ba9d rgb(2,186,157)
```

Complementary Color

#ba027b
```
#ba027b rgb(186,2,123)
```
#ba021f
```
#ba021f rgb(186,2,31)
```
#ba4102
```
#ba4102 rgb(186,65,2)
```

Analogous Color

#027bba
```
#027bba rgb(2,123,186)
```
#ba021f
```
#ba021f rgb(186,2,31)
```
#02ba41
```
#02ba41 rgb(2,186,65)
```

Split Complementary Color

#021fba
```
#021fba rgb(2,31,186)
```
#ba021f
```
#ba021f rgb(186,2,31)
```
#1fba02
```
#1fba02 rgb(31,186,2)
```

Triadic Color

#9d02ba
```
#9d02ba rgb(157,2,186)
```
#ba021f
```
#ba021f rgb(186,2,31)
```
#1fba02
```
#1fba02 rgb(31,186,2)
```
#02ba9d
```
#02ba9d rgb(2,186,157)
```

Tetradic Color

#6e0112
```
#6e0112 rgb(110,1,18)
```
#880117
```
#880117 rgb(136,1,23)
```
#a1021b
```
#a1021b rgb(161,2,27)
```
#ba021f
```
#ba021f rgb(186,2,31)
```
#d30223
```
#d30223 rgb(211,2,35)
```
#ec0327
```
#ec0327 rgb(236,3,39)
```
#fc0c32
```
#fc0c32 rgb(252,12,50)
```

Monochromatic Color

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

#ba024d
```
#ba024d rgb(186,2,77)
```
#ba023e
```
#ba023e rgb(186,2,62)
```
#ba022e
```
#ba022e rgb(186,2,46)
```
#ba021f
```
#ba021f rgb(186,2,31)
```
#ba0210
```
#ba0210 rgb(186,2,16)
```
#ba0402
```
#ba0402 rgb(186,4,2)
```
#ba1302
```
#ba1302 rgb(186,19,2)
```

Similar Colors

Text with hexadecimal color #ba021f

This text has a font color of #ba021f.

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

#ba021f background color

This paragraph has a background color of #ba021f.

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

#ba021f border color

This element has a border color of #ba021f.

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

CSS codes

.text {color:#ba021f;}

.background {background-color:#ba021f;}

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

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)
```
#46010c
```
#46010c rgb(70,1,12)
```
#59010f
```
#59010f rgb(89,1,15)
```
#6c0112
```
#6c0112 rgb(108,1,18)
```
#800115
```
#800115 rgb(128,1,21)
```
#930219
```
#930219 rgb(147,2,25)
```
#a7021c
```
#a7021c rgb(167,2,28)
```
#ba021f
```
#ba021f rgb(186,2,31)
```
#cd0222
```
#cd0222 rgb(205,2,34)
```
#e10225
```
#e10225 rgb(225,2,37)
```
#f40329
```
#f40329 rgb(244,3,41)
```

Shade Color Variation

#fc0e34
```
#fc0e34 rgb(252,14,52)
```
#fd2144
```
#fd2144 rgb(253,33,68)
```
#fd3554
```
#fd3554 rgb(253,53,84)
```
#fd4865
```
#fd4865 rgb(253,72,101)
```
#fd5c75
```
#fd5c75 rgb(253,92,117)
```
#fd6f86
```
#fd6f86 rgb(253,111,134)
```
#fe8296
```
#fe8296 rgb(254,130,150)
```
#fe96a6
```
#fe96a6 rgb(254,150,166)
```
#fea9b7
```
#fea9b7 rgb(254,169,183)
```
#febdc7
```
#febdc7 rgb(254,189,199)
```
#fed0d7
```
#fed0d7 rgb(254,208,215)
```
#ffe4e8
```
#ffe4e8 rgb(255,228,232)
```
#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 #ba021f is the most saturated one.

#63595a
```
#63595a rgb(99,89,90)
```
#6a5255
```
#6a5255 rgb(106,82,85)
```
#724a51
```
#724a51 rgb(114,74,81)
```
#79434c
```
#79434c rgb(121,67,76)
```
#803c47
```
#803c47 rgb(128,60,71)
```
#873542
```
#873542 rgb(135,53,66)
```
#8f2d3d
```
#8f2d3d rgb(143,45,61)
```
#962638
```
#962638 rgb(150,38,56)
```
#9d1f33
```
#9d1f33 rgb(157,31,51)
```
#a4182e
```
#a4182e rgb(164,24,46)
```
#ac1029
```
#ac1029 rgb(172,16,41)
```
#b30924
```
#b30924 rgb(179,9,36)
```
#ba021f
```
#ba021f rgb(186,2,31)
```

Tone Color Variation

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

#6d643c Protanopia 1% of men
#7c5f1a Deuteranopia 1% of men
#bd150a Tritanopia 0.001% of the population

Trichromacy

#894031 Protanomaly 1% of men, 0.01% of women
#923d1c Deuteranomaly 6% of men, 0.4% of women
#bc0e12 Tritanomaly 0.01% of the population

#ba021f hex color

#ba021f Color Information

#ba021f Color Conversion

Color Schemes with #ba021f

Alternatives to #ba021f

#ba021f Preview

Shades and Tints of #ba021f

Tones of #ba021f

Color Blindness Simulator