#ba0311 hex color

In a RGB color space, hex #ba0311 is composed of 72.9% red, 1.2% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.4% magenta, 90.9% yellow and 27.1% black. It has a hue angle of 355.4 degrees, a saturation of 96.8% and a lightness of 37.1%. #ba0311 color hex could be obtained by blending #ff0622 with #750000. Closest websafe color is: #cc0000.

♥
- f
- t
- g
- R 73
- G 1
- B 7
RGB color chart
- C 0
- M 98
- Y 91
- K 27
CMYK color chart

● #ba0311 color description : Strong red.

The hexadecimal color #ba0311 has RGB values of R:186, G:3, B:17 and CMYK values of C:0, M:0.98, Y:0.91, K:0.27. Its decimal value is 12190481.

Hex triplet	ba0311	`#ba0311`
RGB Decimal	186, 3, 17	`rgb(186,3,17)`
RGB Percent	72.9, 1.2, 6.7	`rgb(72.9%,1.2%,6.7%)`
CMYK	0, 98, 91, 27
HSL	355.4°, 96.8, 37.1	`hsl(355.4,96.8%,37.1%)`
HSV (or HSB)	355.4°, 98.4, 72.9
Web Safe	cc0000	`#cc0000`

CIE-LAB	38.808, 63.05, 46.627
XYZ	20.385, 10.547, 1.493
xyY	0.629, 0.325, 10.547
CIE-LCH	38.808, 78.418, 36.484
CIE-LUV	38.808, 124.885, 25.315
Hunter-Lab	32.477, 55.204, 20.008
Binary	10111010, 00000011, 00010001

#ba0311
```
#ba0311 rgb(186,3,17)
```
#03baac
```
#03baac rgb(3,186,172)
```

Complementary Color

#ba036d
```
#ba036d rgb(186,3,109)
```
#ba0311
```
#ba0311 rgb(186,3,17)
```
#ba5003
```
#ba5003 rgb(186,80,3)
```

Analogous Color

#036dba
```
#036dba rgb(3,109,186)
```
#ba0311
```
#ba0311 rgb(186,3,17)
```
#03ba51
```
#03ba51 rgb(3,186,81)
```

Split Complementary Color

#0311ba
```
#0311ba rgb(3,17,186)
```
#ba0311
```
#ba0311 rgb(186,3,17)
```
#11ba03
```
#11ba03 rgb(17,186,3)
```

Triadic Color

#ac03ba
```
#ac03ba rgb(172,3,186)
```
#ba0311
```
#ba0311 rgb(186,3,17)
```
#11ba03
```
#11ba03 rgb(17,186,3)
```
#03baac
```
#03baac rgb(3,186,172)
```

Tetradic Color

#6f020a
```
#6f020a rgb(111,2,10)
```
#88020c
```
#88020c rgb(136,2,12)
```
#a1030f
```
#a1030f rgb(161,3,15)
```
#ba0311
```
#ba0311 rgb(186,3,17)
```
#d30313
```
#d30313 rgb(211,3,19)
```
#ec0416
```
#ec0416 rgb(236,4,22)
```
#fb0e20
```
#fb0e20 rgb(251,14,32)
```

Monochromatic Color

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

#ba033f
```
#ba033f rgb(186,3,63)
```
#ba0330
```
#ba0330 rgb(186,3,48)
```
#ba0320
```
#ba0320 rgb(186,3,32)
```
#ba0311
```
#ba0311 rgb(186,3,17)
```
#ba0403
```
#ba0403 rgb(186,4,3)
```
#ba1303
```
#ba1303 rgb(186,19,3)
```
#ba2303
```
#ba2303 rgb(186,35,3)
```

Similar Colors

Text with hexadecimal color #ba0311

This text has a font color of #ba0311.

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

#ba0311 background color

This paragraph has a background color of #ba0311.

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

#ba0311 border color

This element has a border color of #ba0311.

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

CSS codes

.text {color:#ba0311;}

.background {background-color:#ba0311;}

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

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

#0c0001
```
#0c0001 rgb(12,0,1)
```
#200103
```
#200103 rgb(32,1,3)
```
#330105
```
#330105 rgb(51,1,5)
```
#460106
```
#460106 rgb(70,1,6)
```
#590108
```
#590108 rgb(89,1,8)
```
#6d020a
```
#6d020a rgb(109,2,10)
```
#80020c
```
#80020c rgb(128,2,12)
```
#93020d
```
#93020d rgb(147,2,13)
```
#a7030f
```
#a7030f rgb(167,3,15)
```
#ba0311
```
#ba0311 rgb(186,3,17)
```
#cd0313
```
#cd0313 rgb(205,3,19)
```
#e10415
```
#e10415 rgb(225,4,21)
```
#f40416
```
#f40416 rgb(244,4,22)
```

Shade Color Variation

#fb1022
```
#fb1022 rgb(251,16,34)
```
#fb2434
```
#fb2434 rgb(251,36,52)
```
#fc3746
```
#fc3746 rgb(252,55,70)
```
#fc4a58
```
#fc4a58 rgb(252,74,88)
```
#fc5e6a
```
#fc5e6a rgb(252,94,106)
```
#fd717c
```
#fd717c rgb(253,113,124)
```
#fd848d
```
#fd848d rgb(253,132,141)
```
#fd979f
```
#fd979f rgb(253,151,159)
```
#feabb1
```
#feabb1 rgb(254,171,177)
```
#febec3
```
#febec3 rgb(254,190,195)
```
#fed1d5
```
#fed1d5 rgb(254,209,213)
```
#ffe5e7
```
#ffe5e7 rgb(255,229,231)
```
#fff8f8
```
#fff8f8 rgb(255,248,248)
```

Tint Color Variation

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

#635a5b
```
#635a5b rgb(99,90,91)
```
#6a5355
```
#6a5355 rgb(106,83,85)
```
#714c4f
```
#714c4f rgb(113,76,79)
```
#794448
```
#794448 rgb(121,68,72)
```
#803d42
```
#803d42 rgb(128,61,66)
```
#87363c
```
#87363c rgb(135,54,60)
```
#8e2f36
```
#8e2f36 rgb(142,47,54)
```
#962730
```
#962730 rgb(150,39,48)
```
#9d202a
```
#9d202a rgb(157,32,42)
```
#a41923
```
#a41923 rgb(164,25,35)
```
#ab121d
```
#ab121d rgb(171,18,29)
```
#b30a17
```
#b30a17 rgb(179,10,23)
```
#ba0311
```
#ba0311 rgb(186,3,17)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#543033 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e642c Protanopia 1% of men
#7c5f00 Deuteranopia 1% of men
#bd1400 Tritanopia 0.001% of the population

Trichromacy

#8a4022 Protanomaly 1% of men, 0.01% of women
#933d06 Deuteranomaly 6% of men, 0.4% of women
#bc0d06 Tritanomaly 0.01% of the population

#ba0311 hex color

#ba0311 Color Information

#ba0311 Color Conversion

Color Schemes with #ba0311

Alternatives to #ba0311

#ba0311 Preview

Shades and Tints of #ba0311

Tones of #ba0311

Color Blindness Simulator