#ba1501 hex color

In a RGB color space, hex #ba1501 is composed of 72.9% red, 8.2% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.7% magenta, 99.5% yellow and 27.1% black. It has a hue angle of 6.5 degrees, a saturation of 98.9% and a lightness of 36.7%. #ba1501 color hex could be obtained by blending #ff2a02 with #750000. Closest websafe color is: #cc0000.

♥
- f
- t
- g
- R 73
- G 8
- B 0
RGB color chart
- C 0
- M 89
- Y 99
- K 27
CMYK color chart

● #ba1501 color description : Strong red.

The hexadecimal color #ba1501 has RGB values of R:186, G:21, B:1 and CMYK values of C:0, M:0.89, Y:0.99, K:0.27. Its decimal value is 12195073.

Hex triplet	ba1501	`#ba1501`
RGB Decimal	186, 21, 1	`rgb(186,21,1)`
RGB Percent	72.9, 8.2, 0.4	`rgb(72.9%,8.2%,0.4%)`
CMYK	0, 89, 99, 27
HSL	6.5°, 98.9, 36.7	`hsl(6.5,98.9%,36.7%)`
HSV (or HSB)	6.5°, 99.5, 72.9
Web Safe	cc0000	`#cc0000`

CIE-LAB	39.547, 60.544, 52.966
XYZ	20.525, 10.98, 1.067
xyY	0.63, 0.337, 10.98
CIE-LCH	39.547, 80.443, 41.18
CIE-LUV	39.547, 122.283, 28.849
Hunter-Lab	33.137, 52.572, 21.286
Binary	10111010, 00010101, 00000001

#ba1501
```
#ba1501 rgb(186,21,1)
```
#01a6ba
```
#01a6ba rgb(1,166,186)
```

Complementary Color

#ba0149
```
#ba0149 rgb(186,1,73)
```
#ba1501
```
#ba1501 rgb(186,21,1)
```
#ba7201
```
#ba7201 rgb(186,114,1)
```

Analogous Color

#0149ba
```
#0149ba rgb(1,73,186)
```
#ba1501
```
#ba1501 rgb(186,21,1)
```
#01ba72
```
#01ba72 rgb(1,186,114)
```

Split Complementary Color

#1501ba
```
#1501ba rgb(21,1,186)
```
#ba1501
```
#ba1501 rgb(186,21,1)
```
#01ba15
```
#01ba15 rgb(1,186,21)
```

Triadic Color

#ba01a6
```
#ba01a6 rgb(186,1,166)
```
#ba1501
```
#ba1501 rgb(186,21,1)
```
#01ba15
```
#01ba15 rgb(1,186,21)
```
#01a6ba
```
#01a6ba rgb(1,166,186)
```

Tetradic Color

#6e0c01
```
#6e0c01 rgb(110,12,1)
```
#870f01
```
#870f01 rgb(135,15,1)
```
#a11201
```
#a11201 rgb(161,18,1)
```
#ba1501
```
#ba1501 rgb(186,21,1)
```
#d31801
```
#d31801 rgb(211,24,1)
```
#ed1b01
```
#ed1b01 rgb(237,27,1)
```
#fe240a
```
#fe240a rgb(254,36,10)
```

Monochromatic Color

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

#ba011b
```
#ba011b rgb(186,1,27)
```
#ba010c
```
#ba010c rgb(186,1,12)
```
#ba0601
```
#ba0601 rgb(186,6,1)
```
#ba1501
```
#ba1501 rgb(186,21,1)
```
#ba2401
```
#ba2401 rgb(186,36,1)
```
#ba3401
```
#ba3401 rgb(186,52,1)
```
#ba4301
```
#ba4301 rgb(186,67,1)
```

Similar Colors

Text with hexadecimal color #ba1501

This text has a font color of #ba1501.

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

#ba1501 background color

This paragraph has a background color of #ba1501.

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

#ba1501 border color

This element has a border color of #ba1501.

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

CSS codes

.text {color:#ba1501;}

.background {background-color:#ba1501;}

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

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

#0a0100
```
#0a0100 rgb(10,1,0)
```
#1e0300
```
#1e0300 rgb(30,3,0)
```
#310600
```
#310600 rgb(49,6,0)
```
#450800
```
#450800 rgb(69,8,0)
```
#580a00
```
#580a00 rgb(88,10,0)
```
#6c0c01
```
#6c0c01 rgb(108,12,1)
```
#7f0e01
```
#7f0e01 rgb(127,14,1)
```
#931101
```
#931101 rgb(147,17,1)
```
#a61301
```
#a61301 rgb(166,19,1)
```
#ba1501
```
#ba1501 rgb(186,21,1)
```
#ce1701
```
#ce1701 rgb(206,23,1)
```
#e11901
```
#e11901 rgb(225,25,1)
```
#f51c01
```
#f51c01 rgb(245,28,1)
```

Shade Color Variation

#fe260c
```
#fe260c rgb(254,38,12)
```
#fe371f
```
#fe371f rgb(254,55,31)
```
#fe4933
```
#fe4933 rgb(254,73,51)
```
#fe5a46
```
#fe5a46 rgb(254,90,70)
```
#fe6c5a
```
#fe6c5a rgb(254,108,90)
```
#fe7d6d
```
#fe7d6d rgb(254,125,109)
```
#fe8e81
```
#fe8e81 rgb(254,142,129)
```
#fea094
```
#fea094 rgb(254,160,148)
```
#ffb1a8
```
#ffb1a8 rgb(255,177,168)
```
#ffc3bb
```
#ffc3bb rgb(255,195,187)
```
#ffd4cf
```
#ffd4cf rgb(255,212,207)
```
#ffe5e2
```
#ffe5e2 rgb(255,229,226)
```
#fff7f6
```
#fff7f6 rgb(255,247,246)
```

Tint Color Variation

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

#645957
```
#645957 rgb(100,89,87)
```
#6b5350
```
#6b5350 rgb(107,83,80)
```
#724d49
```
#724d49 rgb(114,77,73)
```
#794842
```
#794842 rgb(121,72,66)
```
#80423b
```
#80423b rgb(128,66,59)
```
#883c33
```
#883c33 rgb(136,60,51)
```
#8f372c
```
#8f372c rgb(143,55,44)
```
#963125
```
#963125 rgb(150,49,37)
```
#9d2c1e
```
#9d2c1e rgb(157,44,30)
```
#a42617
```
#a42617 rgb(164,38,23)
```
#ac200f
```
#ac200f rgb(172,32,15)
```
#b31b08
```
#b31b08 rgb(179,27,8)
```
#ba1501
```
#ba1501 rgb(186,21,1)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#5c3b37 Atypical Achromatopsia 0.001% of the population

Dichromacy

#71651a Protanopia 1% of men
#7e6000 Deuteranopia 1% of men
#bd1f1c Tritanopia 0.001% of the population

Trichromacy

#8b4811 Protanomaly 1% of men, 0.01% of women
#944500 Deuteranomaly 6% of men, 0.4% of women
#bc1b12 Tritanomaly 0.01% of the population

#ba1501 hex color

#ba1501 Color Information

#ba1501 Color Conversion

Color Schemes with #ba1501

Alternatives to #ba1501

#ba1501 Preview

Shades and Tints of #ba1501

Tones of #ba1501

Color Blindness Simulator