#ba1a00 hex color

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

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

● #ba1a00 color description : Strong red.

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

Hex triplet	ba1a00	`#ba1a00`
RGB Decimal	186, 26, 0	`rgb(186,26,0)`
RGB Percent	72.9, 10.2, 0	`rgb(72.9%,10.2%,0%)`
CMYK	0, 86, 100, 27
HSL	8.4°, 100, 36.5	`hsl(8.4,100%,36.5%)`
HSV (or HSB)	8.4°, 100, 72.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	39.883, 59.563, 53.479
XYZ	20.62, 11.181, 1.072
xyY	0.627, 0.34, 11.181
CIE-LCH	39.883, 80.049, 41.919
CIE-LUV	39.883, 120.684, 29.551
Hunter-Lab	33.437, 51.562, 21.505
Binary	10111010, 00011010, 00000000

#ba1a00
```
#ba1a00 rgb(186,26,0)
```
#00a0ba
```
#00a0ba rgb(0,160,186)
```

Complementary Color

#ba0043
```
#ba0043 rgb(186,0,67)
```
#ba1a00
```
#ba1a00 rgb(186,26,0)
```
#ba7700
```
#ba7700 rgb(186,119,0)
```

Analogous Color

#0043ba
```
#0043ba rgb(0,67,186)
```
#ba1a00
```
#ba1a00 rgb(186,26,0)
```
#00ba77
```
#00ba77 rgb(0,186,119)
```

Split Complementary Color

#1a00ba
```
#1a00ba rgb(26,0,186)
```
#ba1a00
```
#ba1a00 rgb(186,26,0)
```
#00ba1a
```
#00ba1a rgb(0,186,26)
```

Triadic Color

#ba00a0
```
#ba00a0 rgb(186,0,160)
```
#ba1a00
```
#ba1a00 rgb(186,26,0)
```
#00ba1a
```
#00ba1a rgb(0,186,26)
```
#00a0ba
```
#00a0ba rgb(0,160,186)
```

Tetradic Color

#6e0f00
```
#6e0f00 rgb(110,15,0)
```
#871300
```
#871300 rgb(135,19,0)
```
#a11600
```
#a11600 rgb(161,22,0)
```
#ba1a00
```
#ba1a00 rgb(186,26,0)
```
#d41e00
```
#d41e00 rgb(212,30,0)
```
#ed2100
```
#ed2100 rgb(237,33,0)
```
#ff2a07
```
#ff2a07 rgb(255,42,7)
```

Monochromatic Color

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

#ba0014
```
#ba0014 rgb(186,0,20)
```
#ba0005
```
#ba0005 rgb(186,0,5)
```
#ba0b00
```
#ba0b00 rgb(186,11,0)
```
#ba1a00
```
#ba1a00 rgb(186,26,0)
```
#ba2a00
```
#ba2a00 rgb(186,42,0)
```
#ba3900
```
#ba3900 rgb(186,57,0)
```
#ba4900
```
#ba4900 rgb(186,73,0)
```

Similar Colors

Text with hexadecimal color #ba1a00

This text has a font color of #ba1a00.

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

#ba1a00 background color

This paragraph has a background color of #ba1a00.

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

#ba1a00 border color

This element has a border color of #ba1a00.

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

CSS codes

.text {color:#ba1a00;}

.background {background-color:#ba1a00;}

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

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

#090100
```
#090100 rgb(9,1,0)
```
#1d0400
```
#1d0400 rgb(29,4,0)
```
#310700
```
#310700 rgb(49,7,0)
```
#440a00
```
#440a00 rgb(68,10,0)
```
#580c00
```
#580c00 rgb(88,12,0)
```
#6c0f00
```
#6c0f00 rgb(108,15,0)
```
#7f1200
```
#7f1200 rgb(127,18,0)
```
#931500
```
#931500 rgb(147,21,0)
```
#a61700
```
#a61700 rgb(166,23,0)
```
#ba1a00
```
#ba1a00 rgb(186,26,0)
```
#ce1d00
```
#ce1d00 rgb(206,29,0)
```
#e11f00
```
#e11f00 rgb(225,31,0)
```
#f52200
```
#f52200 rgb(245,34,0)
```

Shade Color Variation

#ff2c09
```
#ff2c09 rgb(255,44,9)
```
#ff3d1d
```
#ff3d1d rgb(255,61,29)
```
#ff4e31
```
#ff4e31 rgb(255,78,49)
```
#ff5e44
```
#ff5e44 rgb(255,94,68)
```
#ff6f58
```
#ff6f58 rgb(255,111,88)
```
#ff806c
```
#ff806c rgb(255,128,108)
```
#ff917f
```
#ff917f rgb(255,145,127)
```
#ffa293
```
#ffa293 rgb(255,162,147)
```
#ffb3a6
```
#ffb3a6 rgb(255,179,166)
```
#ffc4ba
```
#ffc4ba rgb(255,196,186)
```
#ffd5ce
```
#ffd5ce rgb(255,213,206)
```
#ffe5e1
```
#ffe5e1 rgb(255,229,225)
```
#fff6f5
```
#fff6f5 rgb(255,246,245)
```

Tint Color Variation

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

#645856
```
#645856 rgb(100,88,86)
```
#6b534f
```
#6b534f rgb(107,83,79)
```
#724e48
```
#724e48 rgb(114,78,72)
```
#7a4840
```
#7a4840 rgb(122,72,64)
```
#814339
```
#814339 rgb(129,67,57)
```
#883e32
```
#883e32 rgb(136,62,50)
```
#8f392b
```
#8f392b rgb(143,57,43)
```
#963424
```
#963424 rgb(150,52,36)
```
#9d2f1d
```
#9d2f1d rgb(157,47,29)
```
#a52915
```
#a52915 rgb(165,41,21)
```
#ac240e
```
#ac240e rgb(172,36,14)
```
#b31f07
```
#b31f07 rgb(179,31,7)
```
#ba1a00
```
#ba1a00 rgb(186,26,0)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#5e3e39 Atypical Achromatopsia 0.001% of the population

Dichromacy

#726619 Protanopia 1% of men
#7f6100 Deuteranopia 1% of men
#bd2322 Tritanopia 0.001% of the population

Trichromacy

#8c4a0f Protanomaly 1% of men, 0.01% of women
#944700 Deuteranomaly 6% of men, 0.4% of women
#bc2015 Tritanomaly 0.01% of the population

#ba1a00 hex color

#ba1a00 Color Information

#ba1a00 Color Conversion

Color Schemes with #ba1a00

Alternatives to #ba1a00

#ba1a00 Preview

Shades and Tints of #ba1a00

Tones of #ba1a00

Color Blindness Simulator