#ba301d hex color

In a RGB color space, hex #ba301d is composed of 72.9% red, 18.8% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.2% magenta, 84.4% yellow and 27.1% black. It has a hue angle of 7.3 degrees, a saturation of 73% and a lightness of 42.2%. #ba301d color hex could be obtained by blending #ff603a with #750000. Closest websafe color is: #cc3333.

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

● #ba301d color description : Strong red.

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

Hex triplet	ba301d	`#ba301d`
RGB Decimal	186, 48, 29	`rgb(186,48,29)`
RGB Percent	72.9, 18.8, 11.4	`rgb(72.9%,18.8%,11.4%)`
CMYK	0, 74, 84, 27
HSL	7.3°, 73, 42.2	`hsl(7.3,73%,42.2%)`
HSV (or HSB)	7.3°, 84.4, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.222, 53.832, 43.772
XYZ	21.529, 12.644, 2.469
xyY	0.588, 0.345, 12.644
CIE-LCH	42.222, 69.382, 39.115
CIE-LUV	42.222, 107.642, 28.673
Hunter-Lab	35.559, 45.847, 20.774
Binary	10111010, 00110000, 00011101

#ba301d
```
#ba301d rgb(186,48,29)
```
#1da7ba
```
#1da7ba rgb(29,167,186)
```

Complementary Color

#ba1d59
```
#ba1d59 rgb(186,29,89)
```
#ba301d
```
#ba301d rgb(186,48,29)
```
#ba7f1d
```
#ba7f1d rgb(186,127,29)
```

Analogous Color

#1d59ba
```
#1d59ba rgb(29,89,186)
```
#ba301d
```
#ba301d rgb(186,48,29)
```
#1dba7f
```
#1dba7f rgb(29,186,127)
```

Split Complementary Color

#301dba
```
#301dba rgb(48,29,186)
```
#ba301d
```
#ba301d rgb(186,48,29)
```
#1dba30
```
#1dba30 rgb(29,186,48)
```

Triadic Color

#ba1da7
```
#ba1da7 rgb(186,29,167)
```
#ba301d
```
#ba301d rgb(186,48,29)
```
#1dba30
```
#1dba30 rgb(29,186,48)
```
#1da7ba
```
#1da7ba rgb(29,167,186)
```

Tetradic Color

#781f13
```
#781f13 rgb(120,31,19)
```
#8e2516
```
#8e2516 rgb(142,37,22)
```
#a42a1a
```
#a42a1a rgb(164,42,26)
```
#ba301d
```
#ba301d rgb(186,48,29)
```
#d03620
```
#d03620 rgb(208,54,32)
```
#de412c
```
#de412c rgb(222,65,44)
```
#e25542
```
#e25542 rgb(226,85,66)
```

Monochromatic Color

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

#ba1d31
```
#ba1d31 rgb(186,29,49)
```
#ba1d24
```
#ba1d24 rgb(186,29,36)
```
#ba231d
```
#ba231d rgb(186,35,29)
```
#ba301d
```
#ba301d rgb(186,48,29)
```
#ba3d1d
```
#ba3d1d rgb(186,61,29)
```
#ba4a1d
```
#ba4a1d rgb(186,74,29)
```
#ba571d
```
#ba571d rgb(186,87,29)
```

Similar Colors

Text with hexadecimal color #ba301d

This text has a font color of #ba301d.

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

#ba301d background color

This paragraph has a background color of #ba301d.

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

#ba301d border color

This element has a border color of #ba301d.

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

CSS codes

.text {color:#ba301d;}

.background {background-color:#ba301d;}

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

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

#100403
```
#100403 rgb(16,4,3)
```
#210905
```
#210905 rgb(33,9,5)
```
#320d08
```
#320d08 rgb(50,13,8)
```
#43110a
```
#43110a rgb(67,17,10)
```
#54160d
```
#54160d rgb(84,22,13)
```
#651a10
```
#651a10 rgb(101,26,16)
```
#761e12
```
#761e12 rgb(118,30,18)
```
#872315
```
#872315 rgb(135,35,21)
```
#982718
```
#982718 rgb(152,39,24)
```
#a92c1a
```
#a92c1a rgb(169,44,26)
```
#ba301d
```
#ba301d rgb(186,48,29)
```
#cb3420
```
#cb3420 rgb(203,52,32)
```
#dc3922
```
#dc3922 rgb(220,57,34)
```

Shade Color Variation

#df4833
```
#df4833 rgb(223,72,51)
```
#e25744
```
#e25744 rgb(226,87,68)
```
#e46655
```
#e46655 rgb(228,102,85)
```
#e77566
```
#e77566 rgb(231,117,102)
```
#ea8577
```
#ea8577 rgb(234,133,119)
```
#ec9488
```
#ec9488 rgb(236,148,136)
```
#efa399
```
#efa399 rgb(239,163,153)
```
#f2b2a9
```
#f2b2a9 rgb(242,178,169)
```
#f4c1ba
```
#f4c1ba rgb(244,193,186)
```
#f7d1cb
```
#f7d1cb rgb(247,209,203)
```
#fae0dc
```
#fae0dc rgb(250,224,220)
```
#fcefed
```
#fcefed rgb(252,239,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#706867
```
#706867 rgb(112,104,103)
```
#78625f
```
#78625f rgb(120,98,95)
```
#805c57
```
#805c57 rgb(128,92,87)
```
#88564f
```
#88564f rgb(136,86,79)
```
#914f46
```
#914f46 rgb(145,79,70)
```
#99493e
```
#99493e rgb(153,73,62)
```
#a14336
```
#a14336 rgb(161,67,54)
```
#a93d2e
```
#a93d2e rgb(169,61,46)
```
#b23625
```
#b23625 rgb(178,54,37)
```
#ba301d
```
#ba301d rgb(186,48,29)
```
#c22a15
```
#c22a15 rgb(194,42,21)
```
#cb230c
```
#cb230c rgb(203,35,12)
```
#d31d04
```
#d31d04 rgb(211,29,4)
```

Tone Color Variation

Below, you can see how #ba301d 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
#6b4f4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#766b35 Protanopia 1% of men
#866619 Deuteranopia 1% of men
#be383a Tritanopia 0.001% of the population

Trichromacy

#8f562c Protanomaly 1% of men, 0.01% of women
#99521b Deuteranomaly 6% of men, 0.4% of women
#bc352f Tritanomaly 0.01% of the population

#ba301d hex color

#ba301d Color Information

#ba301d Color Conversion

Color Schemes with #ba301d

Alternatives to #ba301d

#ba301d Preview

Shades and Tints of #ba301d

Tones of #ba301d

Color Blindness Simulator