#ba1a12 hex color

In a RGB color space, hex #ba1a12 is composed of 72.9% red, 10.2% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86% magenta, 90.3% yellow and 27.1% black. It has a hue angle of 2.9 degrees, a saturation of 82.4% and a lightness of 40%. #ba1a12 color hex could be obtained by blending #ff3424 with #750000. Closest websafe color is: #cc3300.

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

● #ba1a12 color description : Strong red.

The hexadecimal color #ba1a12 has RGB values of R:186, G:26, B:18 and CMYK values of C:0, M:0.86, Y:0.9, K:0.27. Its decimal value is 12196370.

Hex triplet	ba1a12	`#ba1a12`
RGB Decimal	186, 26, 18	`rgb(186,26,18)`
RGB Percent	72.9, 10.2, 7.1	`rgb(72.9%,10.2%,7.1%)`
CMYK	0, 86, 90, 27
HSL	2.9°, 82.4, 40	`hsl(2.9,82.4%,40%)`
HSV (or HSB)	2.9°, 90.3, 72.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	39.956, 59.779, 47.01
XYZ	20.729, 11.224, 1.647
xyY	0.617, 0.334, 11.224
CIE-LCH	39.956, 76.049, 38.181
CIE-LUV	39.956, 119.204, 27.157
Hunter-Lab	33.503, 51.815, 20.537
Binary	10111010, 00011010, 00010010

#ba1a12
```
#ba1a12 rgb(186,26,18)
```
#12b2ba
```
#12b2ba rgb(18,178,186)
```

Complementary Color

#ba125e
```
#ba125e rgb(186,18,94)
```
#ba1a12
```
#ba1a12 rgb(186,26,18)
```
#ba6e12
```
#ba6e12 rgb(186,110,18)
```

Analogous Color

#125eba
```
#125eba rgb(18,94,186)
```
#ba1a12
```
#ba1a12 rgb(186,26,18)
```
#12ba6e
```
#12ba6e rgb(18,186,110)
```

Split Complementary Color

#1a12ba
```
#1a12ba rgb(26,18,186)
```
#ba1a12
```
#ba1a12 rgb(186,26,18)
```
#12ba1a
```
#12ba1a rgb(18,186,26)
```

Triadic Color

#ba12b2
```
#ba12b2 rgb(186,18,178)
```
#ba1a12
```
#ba1a12 rgb(186,26,18)
```
#12ba1a
```
#12ba1a rgb(18,186,26)
```
#12b2ba
```
#12b2ba rgb(18,178,186)
```

Tetradic Color

#74100b
```
#74100b rgb(116,16,11)
```
#8c140e
```
#8c140e rgb(140,20,14)
```
#a31710
```
#a31710 rgb(163,23,16)
```
#ba1a12
```
#ba1a12 rgb(186,26,18)
```
#d11d14
```
#d11d14 rgb(209,29,20)
```
#e92017
```
#e92017 rgb(233,32,23)
```
#eb372e
```
#eb372e rgb(235,55,46)
```

Monochromatic Color

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

#ba1234
```
#ba1234 rgb(186,18,52)
```
#ba1226
```
#ba1226 rgb(186,18,38)
```
#ba1218
```
#ba1218 rgb(186,18,24)
```
#ba1a12
```
#ba1a12 rgb(186,26,18)
```
#ba2812
```
#ba2812 rgb(186,40,18)
```
#ba3612
```
#ba3612 rgb(186,54,18)
```
#ba4412
```
#ba4412 rgb(186,68,18)
```

Similar Colors

Text with hexadecimal color #ba1a12

This text has a font color of #ba1a12.

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

#ba1a12 background color

This paragraph has a background color of #ba1a12.

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

#ba1a12 border color

This element has a border color of #ba1a12.

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

CSS codes

.text {color:#ba1a12;}

.background {background-color:#ba1a12;}

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

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, #070101 is the darkest color, while #fef5f4 is the lightest one.

#070101
```
#070101 rgb(7,1,1)
```
#190302
```
#190302 rgb(25,3,2)
```
#2b0604
```
#2b0604 rgb(43,6,4)
```
#3d0806
```
#3d0806 rgb(61,8,6)
```
#4f0b08
```
#4f0b08 rgb(79,11,8)
```
#610e09
```
#610e09 rgb(97,14,9)
```
#72100b
```
#72100b rgb(114,16,11)
```
#84130d
```
#84130d rgb(132,19,13)
```
#96150f
```
#96150f rgb(150,21,15)
```
#a81710
```
#a81710 rgb(168,23,16)
```
#ba1a12
```
#ba1a12 rgb(186,26,18)
```
#cc1d14
```
#cc1d14 rgb(204,29,20)
```
#de1f15
```
#de1f15 rgb(222,31,21)
```

Shade Color Variation

#e9271e
```
#e9271e rgb(233,39,30)
```
#eb3830
```
#eb3830 rgb(235,56,48)
```
#ed4a41
```
#ed4a41 rgb(237,74,65)
```
#ee5b53
```
#ee5b53 rgb(238,91,83)
```
#f06c65
```
#f06c65 rgb(240,108,101)
```
#f27d77
```
#f27d77 rgb(242,125,119)
```
#f48e89
```
#f48e89 rgb(244,142,137)
```
#f59f9b
```
#f59f9b rgb(245,159,155)
```
#f7b0ad
```
#f7b0ad rgb(247,176,173)
```
#f9c1bf
```
#f9c1bf rgb(249,193,191)
```
#fbd3d1
```
#fbd3d1 rgb(251,211,209)
```
#fce4e2
```
#fce4e2 rgb(252,228,226)
```
#fef5f4
```
#fef5f4 rgb(254,245,244)
```

Tint Color Variation

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

#6c6160
```
#6c6160 rgb(108,97,96)
```
#735a59
```
#735a59 rgb(115,90,89)
```
#7b5351
```
#7b5351 rgb(123,83,81)
```
#834c49
```
#834c49 rgb(131,76,73)
```
#8b4541
```
#8b4541 rgb(139,69,65)
```
#933d39
```
#933d39 rgb(147,61,57)
```
#9b3631
```
#9b3631 rgb(155,54,49)
```
#a22f2a
```
#a22f2a rgb(162,47,42)
```
#aa2822
```
#aa2822 rgb(170,40,34)
```
#b2211a
```
#b2211a rgb(178,33,26)
```
#ba1a12
```
#ba1a12 rgb(186,26,18)
```
#c2130a
```
#c2130a rgb(194,19,10)
```
#ca0c02
```
#ca0c02 rgb(202,12,2)
```

Tone Color Variation

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

Dichromacy

#71662c Protanopia 1% of men
#806100 Deuteranopia 1% of men
#bd2523 Tritanopia 0.001% of the population

Trichromacy

#8c4a22 Protanomaly 1% of men, 0.01% of women
#954706 Deuteranomaly 6% of men, 0.4% of women
#bc211d Tritanomaly 0.01% of the population

#ba1a12 hex color

#ba1a12 Color Information

#ba1a12 Color Conversion

Color Schemes with #ba1a12

Alternatives to #ba1a12

#ba1a12 Preview

Shades and Tints of #ba1a12

Tones of #ba1a12

Color Blindness Simulator