#ba1a16 hex color

In a RGB color space, hex #ba1a16 is composed of 72.9% red, 10.2% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86% magenta, 88.2% yellow and 27.1% black. It has a hue angle of 1.5 degrees, a saturation of 78.8% and a lightness of 40.8%. #ba1a16 color hex could be obtained by blending #ff342c with #750000. Closest websafe color is: #cc3300.

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

● #ba1a16 color description : Strong red.

The hexadecimal color #ba1a16 has RGB values of R:186, G:26, B:22 and CMYK values of C:0, M:0.86, Y:0.88, K:0.27. Its decimal value is 12196374.

Hex triplet	ba1a16	`#ba1a16`
RGB Decimal	186, 26, 22	`rgb(186,26,22)`
RGB Percent	72.9, 10.2, 8.6	`rgb(72.9%,10.2%,8.6%)`
CMYK	0, 86, 88, 27
HSL	1.5°, 78.8, 40.8	`hsl(1.5,78.8%,40.8%)`
HSV (or HSB)	1.5°, 88.2, 72.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	39.979, 59.85, 45.24
XYZ	20.765, 11.239, 1.835
xyY	0.614, 0.332, 11.239
CIE-LCH	39.979, 75.024, 37.085
CIE-LUV	39.979, 118.729, 26.387
Hunter-Lab	33.524, 51.898, 20.221
Binary	10111010, 00011010, 00010110

#ba1a16
```
#ba1a16 rgb(186,26,22)
```
#16b6ba
```
#16b6ba rgb(22,182,186)
```

Complementary Color

#ba1664
```
#ba1664 rgb(186,22,100)
```
#ba1a16
```
#ba1a16 rgb(186,26,22)
```
#ba6c16
```
#ba6c16 rgb(186,108,22)
```

Analogous Color

#1664ba
```
#1664ba rgb(22,100,186)
```
#ba1a16
```
#ba1a16 rgb(186,26,22)
```
#16ba6c
```
#16ba6c rgb(22,186,108)
```

Split Complementary Color

#1a16ba
```
#1a16ba rgb(26,22,186)
```
#ba1a16
```
#ba1a16 rgb(186,26,22)
```
#16ba1a
```
#16ba1a rgb(22,186,26)
```

Triadic Color

#ba16b6
```
#ba16b6 rgb(186,22,182)
```
#ba1a16
```
#ba1a16 rgb(186,26,22)
```
#16ba1a
```
#16ba1a rgb(22,186,26)
```
#16b6ba
```
#16b6ba rgb(22,182,186)
```

Tetradic Color

#76100e
```
#76100e rgb(118,16,14)
```
#8c1411
```
#8c1411 rgb(140,20,17)
```
#a31713
```
#a31713 rgb(163,23,19)
```
#ba1a16
```
#ba1a16 rgb(186,26,22)
```
#d11d19
```
#d11d19 rgb(209,29,25)
```
#e4231f
```
#e4231f rgb(228,35,31)
```
#e73a35
```
#e73a35 rgb(231,58,53)
```

Monochromatic Color

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

#ba163b
```
#ba163b rgb(186,22,59)
```
#ba162d
```
#ba162d rgb(186,22,45)
```
#ba1620
```
#ba1620 rgb(186,22,32)
```
#ba1a16
```
#ba1a16 rgb(186,26,22)
```
#ba2816
```
#ba2816 rgb(186,40,22)
```
#ba3516
```
#ba3516 rgb(186,53,22)
```
#ba4316
```
#ba4316 rgb(186,67,22)
```

Similar Colors

Text with hexadecimal color #ba1a16

This text has a font color of #ba1a16.

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

#ba1a16 background color

This paragraph has a background color of #ba1a16.

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

#ba1a16 border color

This element has a border color of #ba1a16.

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

CSS codes

.text {color:#ba1a16;}

.background {background-color:#ba1a16;}

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

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

#0b0101
```
#0b0101 rgb(11,1,1)
```
#1c0403
```
#1c0403 rgb(28,4,3)
```
#2e0605
```
#2e0605 rgb(46,6,5)
```
#3f0907
```
#3f0907 rgb(63,9,7)
```
#510b0a
```
#510b0a rgb(81,11,10)
```
#620e0c
```
#620e0c rgb(98,14,12)
```
#74100e
```
#74100e rgb(116,16,14)
```
#851310
```
#851310 rgb(133,19,16)
```
#971512
```
#971512 rgb(151,21,18)
```
#a81814
```
#a81814 rgb(168,24,20)
```
#ba1a16
```
#ba1a16 rgb(186,26,22)
```
#cc1c18
```
#cc1c18 rgb(204,28,24)
```
#dd1f1a
```
#dd1f1a rgb(221,31,26)
```

Shade Color Variation

#e52a26
```
#e52a26 rgb(229,42,38)
```
#e73b37
```
#e73b37 rgb(231,59,55)
```
#e94d49
```
#e94d49 rgb(233,77,73)
```
#ec5e5a
```
#ec5e5a rgb(236,94,90)
```
#ee6f6c
```
#ee6f6c rgb(238,111,108)
```
#f0807d
```
#f0807d rgb(240,128,125)
```
#f2918f
```
#f2918f rgb(242,145,143)
```
#f4a2a0
```
#f4a2a0 rgb(244,162,160)
```
#f6b4b2
```
#f6b4b2 rgb(246,180,178)
```
#f8c5c3
```
#f8c5c3 rgb(248,197,195)
```
#fad6d5
```
#fad6d5 rgb(250,214,213)
```
#fce7e7
```
#fce7e7 rgb(252,231,231)
```
#fef8f8
```
#fef8f8 rgb(254,248,248)
```

Tint Color Variation

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

#6a6666
```
#6a6666 rgb(106,102,102)
```
#725e5e
```
#725e5e rgb(114,94,94)
```
#7a5756
```
#7a5756 rgb(122,87,86)
```
#824f4e
```
#824f4e rgb(130,79,78)
```
#8a4846
```
#8a4846 rgb(138,72,70)
```
#92403e
```
#92403e rgb(146,64,62)
```
#9a3836
```
#9a3836 rgb(154,56,54)
```
#a2312e
```
#a2312e rgb(162,49,46)
```
#aa2926
```
#aa2926 rgb(170,41,38)
```
#b2221e
```
#b2221e rgb(178,34,30)
```
#ba1a16
```
#ba1a16 rgb(186,26,22)
```
#c2120e
```
#c2120e rgb(194,18,14)
```
#ca0b06
```
#ca0b06 rgb(202,11,6)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#60403f Atypical Achromatopsia 0.001% of the population

Dichromacy

#716630 Protanopia 1% of men
#806100 Deuteranopia 1% of men
#bd2524 Tritanopia 0.001% of the population

Trichromacy

#8b4a26 Protanomaly 1% of men, 0.01% of women
#954708 Deuteranomaly 6% of men, 0.4% of women
#bc211f Tritanomaly 0.01% of the population

#ba1a16 hex color

#ba1a16 Color Information

#ba1a16 Color Conversion

Color Schemes with #ba1a16

Alternatives to #ba1a16

#ba1a16 Preview

Shades and Tints of #ba1a16

Tones of #ba1a16

Color Blindness Simulator