#ba1a1e hex color

In a RGB color space, hex #ba1a1e is composed of 72.9% red, 10.2% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86% magenta, 83.9% yellow and 27.1% black. It has a hue angle of 358.5 degrees, a saturation of 75.5% and a lightness of 41.6%. #ba1a1e color hex could be obtained by blending #ff343c with #750000. Closest websafe color is: #cc3333.

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

● #ba1a1e color description : Strong red.

The hexadecimal color #ba1a1e has RGB values of R:186, G:26, B:30 and CMYK values of C:0, M:0.86, Y:0.84, K:0.27. Its decimal value is 12196382.

Hex triplet	ba1a1e	`#ba1a1e`
RGB Decimal	186, 26, 30	`rgb(186,26,30)`
RGB Percent	72.9, 10.2, 11.8	`rgb(72.9%,10.2%,11.8%)`
CMYK	0, 86, 84, 27
HSL	358.5°, 75.5, 41.6	`hsl(358.5,75.5%,41.6%)`
HSV (or HSB)	358.5°, 86, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	40.039, 60.026, 41.281
XYZ	20.855, 11.274, 2.306
xyY	0.606, 0.327, 11.274
CIE-LCH	40.039, 72.851, 34.517
CIE-LUV	40.039, 117.552, 24.477
Hunter-Lab	33.577, 52.105, 19.432
Binary	10111010, 00011010, 00011110

#ba1a1e
```
#ba1a1e rgb(186,26,30)
```
#1abab6
```
#1abab6 rgb(26,186,182)
```

Complementary Color

#ba1a6e
```
#ba1a6e rgb(186,26,110)
```
#ba1a1e
```
#ba1a1e rgb(186,26,30)
```
#ba661a
```
#ba661a rgb(186,102,26)
```

Analogous Color

#1a6eba
```
#1a6eba rgb(26,110,186)
```
#ba1a1e
```
#ba1a1e rgb(186,26,30)
```
#1aba66
```
#1aba66 rgb(26,186,102)
```

Split Complementary Color

#1a1eba
```
#1a1eba rgb(26,30,186)
```
#ba1a1e
```
#ba1a1e rgb(186,26,30)
```
#1eba1a
```
#1eba1a rgb(30,186,26)
```

Triadic Color

#b61aba
```
#b61aba rgb(182,26,186)
```
#ba1a1e
```
#ba1a1e rgb(186,26,30)
```
#1eba1a
```
#1eba1a rgb(30,186,26)
```
#1abab6
```
#1abab6 rgb(26,186,182)
```

Tetradic Color

#771113
```
#771113 rgb(119,17,19)
```
#8d1417
```
#8d1417 rgb(141,20,23)
```
#a4171a
```
#a4171a rgb(164,23,26)
```
#ba1a1e
```
#ba1a1e rgb(186,26,30)
```
#d01d22
```
#d01d22 rgb(208,29,34)
```
#e1262b
```
#e1262b rgb(225,38,43)
```
#e43d41
```
#e43d41 rgb(228,61,65)
```

Monochromatic Color

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

#ba1a46
```
#ba1a46 rgb(186,26,70)
```
#ba1a39
```
#ba1a39 rgb(186,26,57)
```
#ba1a2b
```
#ba1a2b rgb(186,26,43)
```
#ba1a1e
```
#ba1a1e rgb(186,26,30)
```
#ba231a
```
#ba231a rgb(186,35,26)
```
#ba311a
```
#ba311a rgb(186,49,26)
```
#ba3e1a
```
#ba3e1a rgb(186,62,26)
```

Similar Colors

Text with hexadecimal color #ba1a1e

This text has a font color of #ba1a1e.

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

#ba1a1e background color

This paragraph has a background color of #ba1a1e.

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

#ba1a1e border color

This element has a border color of #ba1a1e.

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

CSS codes

.text {color:#ba1a1e;}

.background {background-color:#ba1a1e;}

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

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

#0e0202
```
#0e0202 rgb(14,2,2)
```
#1f0405
```
#1f0405 rgb(31,4,5)
```
#300708
```
#300708 rgb(48,7,8)
```
#42090b
```
#42090b rgb(66,9,11)
```
#530c0d
```
#530c0d rgb(83,12,13)
```
#640e10
```
#640e10 rgb(100,14,16)
```
#751013
```
#751013 rgb(117,16,19)
```
#861316
```
#861316 rgb(134,19,22)
```
#981518
```
#981518 rgb(152,21,24)
```
#a9181b
```
#a9181b rgb(169,24,27)
```
#ba1a1e
```
#ba1a1e rgb(186,26,30)
```
#cb1c21
```
#cb1c21 rgb(203,28,33)
```
#dc1f24
```
#dc1f24 rgb(220,31,36)
```

Shade Color Variation

#e22d32
```
#e22d32 rgb(226,45,50)
```
#e43e43
```
#e43e43 rgb(228,62,67)
```
#e65053
```
#e65053 rgb(230,80,83)
```
#e96164
```
#e96164 rgb(233,97,100)
```
#eb7275
```
#eb7275 rgb(235,114,117)
```
#ee8386
```
#ee8386 rgb(238,131,134)
```
#f09497
```
#f09497 rgb(240,148,151)
```
#f3a6a8
```
#f3a6a8 rgb(243,166,168)
```
#f5b7b8
```
#f5b7b8 rgb(245,183,184)
```
#f7c8c9
```
#f7c8c9 rgb(247,200,201)
```
#fad9da
```
#fad9da rgb(250,217,218)
```
#fceaeb
```
#fceaeb rgb(252,234,235)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#716364
```
#716364 rgb(113,99,100)
```
#795b5c
```
#795b5c rgb(121,91,92)
```
#815354
```
#815354 rgb(129,83,84)
```
#894b4c
```
#894b4c rgb(137,75,76)
```
#914345
```
#914345 rgb(145,67,69)
```
#993b3d
```
#993b3d rgb(153,59,61)
```
#a23235
```
#a23235 rgb(162,50,53)
```
#aa2a2d
```
#aa2a2d rgb(170,42,45)
```
#b22226
```
#b22226 rgb(178,34,38)
```
#ba1a1e
```
#ba1a1e rgb(186,26,30)
```
#c21216
```
#c21216 rgb(194,18,22)
```
#ca0a0f
```
#ca0a0f rgb(202,10,15)
```
#d20207
```
#d20207 rgb(210,2,7)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#604041 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706639 Protanopia 1% of men
#806119 Deuteranopia 1% of men
#bd2625 Tritanopia 0.001% of the population

Trichromacy

#8b4a2f Protanomaly 1% of men, 0.01% of women
#95471b Deuteranomaly 6% of men, 0.4% of women
#bc2222 Tritanomaly 0.01% of the population

#ba1a1e hex color

#ba1a1e Color Information

#ba1a1e Color Conversion

Color Schemes with #ba1a1e

Alternatives to #ba1a1e

#ba1a1e Preview

Shades and Tints of #ba1a1e

Tones of #ba1a1e

Color Blindness Simulator