#ba301e hex color

In a RGB color space, hex #ba301e is composed of 72.9% red, 18.8% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.2% magenta, 83.9% yellow and 27.1% black. It has a hue angle of 6.9 degrees, a saturation of 72.2% and a lightness of 42.4%. #ba301e color hex could be obtained by blending #ff603c with #750000. Closest websafe color is: #cc3333.

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

● #ba301e color description : Strong red.

The hexadecimal color #ba301e has RGB values of R:186, G:48, B:30 and CMYK values of C:0, M:0.74, Y:0.84, K:0.27. Its decimal value is 12202014.

Hex triplet	ba301e	`#ba301e`
RGB Decimal	186, 48, 30	`rgb(186,48,30)`
RGB Percent	72.9, 18.8, 11.8	`rgb(72.9%,18.8%,11.8%)`
CMYK	0, 74, 84, 27
HSL	6.9°, 72.2, 42.4	`hsl(6.9,72.2%,42.4%)`
HSV (or HSB)	6.9°, 83.9, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.23, 53.858, 43.284
XYZ	21.542, 12.649, 2.536
xyY	0.587, 0.344, 12.649
CIE-LCH	42.23, 69.096, 38.788
CIE-LUV	42.23, 107.505, 28.418
Hunter-Lab	35.566, 45.876, 20.669
Binary	10111010, 00110000, 00011110

#ba301e
```
#ba301e rgb(186,48,30)
```
#1ea8ba
```
#1ea8ba rgb(30,168,186)
```

Complementary Color

#ba1e5a
```
#ba1e5a rgb(186,30,90)
```
#ba301e
```
#ba301e rgb(186,48,30)
```
#ba7e1e
```
#ba7e1e rgb(186,126,30)
```

Analogous Color

#1e5aba
```
#1e5aba rgb(30,90,186)
```
#ba301e
```
#ba301e rgb(186,48,30)
```
#1eba7e
```
#1eba7e rgb(30,186,126)
```

Split Complementary Color

#301eba
```
#301eba rgb(48,30,186)
```
#ba301e
```
#ba301e rgb(186,48,30)
```
#1eba30
```
#1eba30 rgb(30,186,48)
```

Triadic Color

#ba1ea8
```
#ba1ea8 rgb(186,30,168)
```
#ba301e
```
#ba301e rgb(186,48,30)
```
#1eba30
```
#1eba30 rgb(30,186,48)
```
#1ea8ba
```
#1ea8ba rgb(30,168,186)
```

Tetradic Color

#781f13
```
#781f13 rgb(120,31,19)
```
#8e2517
```
#8e2517 rgb(142,37,23)
```
#a42a1a
```
#a42a1a rgb(164,42,26)
```
#ba301e
```
#ba301e rgb(186,48,30)
```
#d03622
```
#d03622 rgb(208,54,34)
```
#dd422e
```
#dd422e rgb(221,66,46)
```
#e15644
```
#e15644 rgb(225,86,68)
```

Monochromatic Color

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

#ba1e33
```
#ba1e33 rgb(186,30,51)
```
#ba1e26
```
#ba1e26 rgb(186,30,38)
```
#ba231e
```
#ba231e rgb(186,35,30)
```
#ba301e
```
#ba301e rgb(186,48,30)
```
#ba3d1e
```
#ba3d1e rgb(186,61,30)
```
#ba4a1e
```
#ba4a1e rgb(186,74,30)
```
#ba571e
```
#ba571e rgb(186,87,30)
```

Similar Colors

Text with hexadecimal color #ba301e

This text has a font color of #ba301e.

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

#ba301e background color

This paragraph has a background color of #ba301e.

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

#ba301e border color

This element has a border color of #ba301e.

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

CSS codes

.text {color:#ba301e;}

.background {background-color:#ba301e;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#110403
```
#110403 rgb(17,4,3)
```
#220905
```
#220905 rgb(34,9,5)
```
#330d08
```
#330d08 rgb(51,13,8)
```
#44110b
```
#44110b rgb(68,17,11)
```
#55160e
```
#55160e rgb(85,22,14)
```
#661a10
```
#661a10 rgb(102,26,16)
```
#761f13
```
#761f13 rgb(118,31,19)
```
#872316
```
#872316 rgb(135,35,22)
```
#982719
```
#982719 rgb(152,39,25)
```
#a92c1b
```
#a92c1b rgb(169,44,27)
```
#ba301e
```
#ba301e rgb(186,48,30)
```
#cb3421
```
#cb3421 rgb(203,52,33)
```

Shade Color Variation

#dc3924
```
#dc3924 rgb(220,57,36)
```
#de4835
```
#de4835 rgb(222,72,53)
```
#e15745
```
#e15745 rgb(225,87,69)
```
#e46756
```
#e46756 rgb(228,103,86)
```
#e77667
```
#e77667 rgb(231,118,103)
```
#e98578
```
#e98578 rgb(233,133,120)
```
#ec9489
```
#ec9489 rgb(236,148,137)
```
#efa49a
```
#efa49a rgb(239,164,154)
```
#f1b3ab
```
#f1b3ab rgb(241,179,171)
```
#f4c2bc
```
#f4c2bc rgb(244,194,188)
```
#f7d1cd
```
#f7d1cd rgb(247,209,205)
```
#fae1dd
```
#fae1dd rgb(250,225,221)
```
#fcf0ee
```
#fcf0ee rgb(252,240,238)
```

Tint Color Variation

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

#6f6a69
```
#6f6a69 rgb(111,106,105)
```
#786360
```
#786360 rgb(120,99,96)
```
#805d58
```
#805d58 rgb(128,93,88)
```
#885650
```
#885650 rgb(136,86,80)
```
#905048
```
#905048 rgb(144,80,72)
```
#994a3f
```
#994a3f rgb(153,74,63)
```
#a14337
```
#a14337 rgb(161,67,55)
```
#a93d2f
```
#a93d2f rgb(169,61,47)
```
#b23626
```
#b23626 rgb(178,54,38)
```
#ba301e
```
#ba301e rgb(186,48,30)
```
#c22a16
```
#c22a16 rgb(194,42,22)
```
#cb230d
```
#cb230d rgb(203,35,13)
```
#d31d05
```
#d31d05 rgb(211,29,5)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#6b4f4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#766b36 Protanopia 1% of men
#86661b Deuteranopia 1% of men
#be383a Tritanopia 0.001% of the population

Trichromacy

#8f562d Protanomaly 1% of men, 0.01% of women
#99521c Deuteranomaly 6% of men, 0.4% of women
#bc3530 Tritanomaly 0.01% of the population

#ba301e hex color

#ba301e Color Information

#ba301e Color Conversion

Color Schemes with #ba301e

Alternatives to #ba301e

#ba301e Preview

Shades and Tints of #ba301e

Tones of #ba301e

Color Blindness Simulator