#ba0316 hex color

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

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

● #ba0316 color description : Strong red.

The hexadecimal color #ba0316 has RGB values of R:186, G:3, B:22 and CMYK values of C:0, M:0.98, Y:0.88, K:0.27. Its decimal value is 12190486.

Hex triplet	ba0316	`#ba0316`
RGB Decimal	186, 3, 22	`rgb(186,3,22)`
RGB Percent	72.9, 1.2, 8.6	`rgb(72.9%,1.2%,8.6%)`
CMYK	0, 98, 88, 27
HSL	353.8°, 96.8, 37.1	`hsl(353.8,96.8%,37.1%)`
HSV (or HSB)	353.8°, 98.4, 72.9
Web Safe	cc0000	`#cc0000`

CIE-LAB	38.838, 63.133, 44.339
XYZ	20.428, 10.565, 1.723
xyY	0.624, 0.323, 10.565
CIE-LCH	38.838, 77.148, 35.081
CIE-LUV	38.838, 124.246, 24.35
Hunter-Lab	32.504, 55.304, 19.61
Binary	10111010, 00000011, 00010110

#ba0316
```
#ba0316 rgb(186,3,22)
```
#03baa7
```
#03baa7 rgb(3,186,167)
```

Complementary Color

#ba0372
```
#ba0372 rgb(186,3,114)
```
#ba0316
```
#ba0316 rgb(186,3,22)
```
#ba4b03
```
#ba4b03 rgb(186,75,3)
```

Analogous Color

#0372ba
```
#0372ba rgb(3,114,186)
```
#ba0316
```
#ba0316 rgb(186,3,22)
```
#03ba4c
```
#03ba4c rgb(3,186,76)
```

Split Complementary Color

#0316ba
```
#0316ba rgb(3,22,186)
```
#ba0316
```
#ba0316 rgb(186,3,22)
```
#16ba03
```
#16ba03 rgb(22,186,3)
```

Triadic Color

#a703ba
```
#a703ba rgb(167,3,186)
```
#ba0316
```
#ba0316 rgb(186,3,22)
```
#16ba03
```
#16ba03 rgb(22,186,3)
```
#03baa7
```
#03baa7 rgb(3,186,167)
```

Tetradic Color

#6f020d
```
#6f020d rgb(111,2,13)
```
#880210
```
#880210 rgb(136,2,16)
```
#a10313
```
#a10313 rgb(161,3,19)
```
#ba0316
```
#ba0316 rgb(186,3,22)
```
#d30319
```
#d30319 rgb(211,3,25)
```
#ec041c
```
#ec041c rgb(236,4,28)
```
#fb0e27
```
#fb0e27 rgb(251,14,39)
```

Monochromatic Color

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

#ba0344
```
#ba0344 rgb(186,3,68)
```
#ba0335
```
#ba0335 rgb(186,3,53)
```
#ba0325
```
#ba0325 rgb(186,3,37)
```
#ba0316
```
#ba0316 rgb(186,3,22)
```
#ba0307
```
#ba0307 rgb(186,3,7)
```
#ba0e03
```
#ba0e03 rgb(186,14,3)
```
#ba1e03
```
#ba1e03 rgb(186,30,3)
```

Similar Colors

Text with hexadecimal color #ba0316

This text has a font color of #ba0316.

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

#ba0316 background color

This paragraph has a background color of #ba0316.

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

#ba0316 border color

This element has a border color of #ba0316.

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

CSS codes

.text {color:#ba0316;}

.background {background-color:#ba0316;}

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

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 #fff8f9 is the lightest one.

#0c0001
```
#0c0001 rgb(12,0,1)
```
#200104
```
#200104 rgb(32,1,4)
```
#330106
```
#330106 rgb(51,1,6)
```
#460108
```
#460108 rgb(70,1,8)
```
#59010b
```
#59010b rgb(89,1,11)
```
#6d020d
```
#6d020d rgb(109,2,13)
```
#80020f
```
#80020f rgb(128,2,15)
```
#930211
```
#930211 rgb(147,2,17)
```
#a70314
```
#a70314 rgb(167,3,20)
```
#ba0316
```
#ba0316 rgb(186,3,22)
```
#cd0318
```
#cd0318 rgb(205,3,24)
```
#e1041b
```
#e1041b rgb(225,4,27)
```
#f4041d
```
#f4041d rgb(244,4,29)
```

Shade Color Variation

#fb1029
```
#fb1029 rgb(251,16,41)
```
#fb243a
```
#fb243a rgb(251,36,58)
```
#fc374b
```
#fc374b rgb(252,55,75)
```
#fc4a5d
```
#fc4a5d rgb(252,74,93)
```
#fc5e6e
```
#fc5e6e rgb(252,94,110)
```
#fd717f
```
#fd717f rgb(253,113,127)
```
#fd8491
```
#fd8491 rgb(253,132,145)
```
#fd97a2
```
#fd97a2 rgb(253,151,162)
```
#feabb3
```
#feabb3 rgb(254,171,179)
```
#febec5
```
#febec5 rgb(254,190,197)
```
#fed1d6
```
#fed1d6 rgb(254,209,214)
```
#ffe5e7
```
#ffe5e7 rgb(255,229,231)
```
#fff8f9
```
#fff8f9 rgb(255,248,249)
```

Tint Color Variation

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

#635a5b
```
#635a5b rgb(99,90,91)
```
#6a5355
```
#6a5355 rgb(106,83,85)
```
#714c50
```
#714c50 rgb(113,76,80)
```
#79444a
```
#79444a rgb(121,68,74)
```
#803d44
```
#803d44 rgb(128,61,68)
```
#87363e
```
#87363e rgb(135,54,62)
```
#8e2f39
```
#8e2f39 rgb(142,47,57)
```
#962733
```
#962733 rgb(150,39,51)
```
#9d202d
```
#9d202d rgb(157,32,45)
```
#a41927
```
#a41927 rgb(164,25,39)
```
#ab1222
```
#ab1222 rgb(171,18,34)
```
#b30a1c
```
#b30a1c rgb(179,10,28)
```
#ba0316
```
#ba0316 rgb(186,3,22)
```

Tone Color Variation

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

Dichromacy

#6e6432 Protanopia 1% of men
#7d5f00 Deuteranopia 1% of men
#bd1300 Tritanopia 0.001% of the population

Trichromacy

#894028 Protanomaly 1% of men, 0.01% of women
#933d08 Deuteranomaly 6% of men, 0.4% of women
#bc0d08 Tritanomaly 0.01% of the population

#ba0316 hex color

#ba0316 Color Information

#ba0316 Color Conversion

Color Schemes with #ba0316

Alternatives to #ba0316

#ba0316 Preview

Shades and Tints of #ba0316

Tones of #ba0316

Color Blindness Simulator