#ba3a1d hex color

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

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

● #ba3a1d color description : Strong red.

The hexadecimal color #ba3a1d has RGB values of R:186, G:58, B:29 and CMYK values of C:0, M:0.69, Y:0.84, K:0.27. Its decimal value is 12204573.

Hex triplet	ba3a1d	`#ba3a1d`
RGB Decimal	186, 58, 29	`rgb(186,58,29)`
RGB Percent	72.9, 22.7, 11.4	`rgb(72.9%,22.7%,11.4%)`
CMYK	0, 69, 84, 27
HSL	11.1°, 73, 42.2	`hsl(11.1,73%,42.2%)`
HSV (or HSB)	11.1°, 84.4, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.59, 50.074, 44.992
XYZ	21.986, 13.556, 2.621
xyY	0.576, 0.355, 13.556
CIE-LCH	43.59, 67.318, 41.939
CIE-LUV	43.59, 101.591, 31.089
Hunter-Lab	36.819, 42.153, 21.552
Binary	10111010, 00111010, 00011101

#ba3a1d
```
#ba3a1d rgb(186,58,29)
```
#1d9dba
```
#1d9dba rgb(29,157,186)
```

Complementary Color

#ba1d4f
```
#ba1d4f rgb(186,29,79)
```
#ba3a1d
```
#ba3a1d rgb(186,58,29)
```
#ba891d
```
#ba891d rgb(186,137,29)
```

Analogous Color

#1d4fba
```
#1d4fba rgb(29,79,186)
```
#ba3a1d
```
#ba3a1d rgb(186,58,29)
```
#1dba89
```
#1dba89 rgb(29,186,137)
```

Split Complementary Color

#3a1dba
```
#3a1dba rgb(58,29,186)
```
#ba3a1d
```
#ba3a1d rgb(186,58,29)
```
#1dba3a
```
#1dba3a rgb(29,186,58)
```

Triadic Color

#ba1d9d
```
#ba1d9d rgb(186,29,157)
```
#ba3a1d
```
#ba3a1d rgb(186,58,29)
```
#1dba3a
```
#1dba3a rgb(29,186,58)
```
#1d9dba
```
#1d9dba rgb(29,157,186)
```

Tetradic Color

#782513
```
#782513 rgb(120,37,19)
```
#8e2c16
```
#8e2c16 rgb(142,44,22)
```
#a4331a
```
#a4331a rgb(164,51,26)
```
#ba3a1d
```
#ba3a1d rgb(186,58,29)
```
#d04120
```
#d04120 rgb(208,65,32)
```
#de4d2c
```
#de4d2c rgb(222,77,44)
```
#e25f42
```
#e25f42 rgb(226,95,66)
```

Monochromatic Color

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

#ba1d27
```
#ba1d27 rgb(186,29,39)
```
#ba201d
```
#ba201d rgb(186,32,29)
```
#ba2d1d
```
#ba2d1d rgb(186,45,29)
```
#ba3a1d
```
#ba3a1d rgb(186,58,29)
```
#ba471d
```
#ba471d rgb(186,71,29)
```
#ba541d
```
#ba541d rgb(186,84,29)
```
#ba611d
```
#ba611d rgb(186,97,29)
```

Similar Colors

Text with hexadecimal color #ba3a1d

This text has a font color of #ba3a1d.

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

#ba3a1d background color

This paragraph has a background color of #ba3a1d.

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

#ba3a1d border color

This element has a border color of #ba3a1d.

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

CSS codes

.text {color:#ba3a1d;}

.background {background-color:#ba3a1d;}

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

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

#100503
```
#100503 rgb(16,5,3)
```
#210a05
```
#210a05 rgb(33,10,5)
```
#321008
```
#321008 rgb(50,16,8)
```
#43150a
```
#43150a rgb(67,21,10)
```
#541a0d
```
#541a0d rgb(84,26,13)
```
#652010
```
#652010 rgb(101,32,16)
```
#762512
```
#762512 rgb(118,37,18)
```
#872a15
```
#872a15 rgb(135,42,21)
```
#982f18
```
#982f18 rgb(152,47,24)
```
#a9351a
```
#a9351a rgb(169,53,26)
```
#ba3a1d
```
#ba3a1d rgb(186,58,29)
```
#cb3f20
```
#cb3f20 rgb(203,63,32)
```
#dc4522
```
#dc4522 rgb(220,69,34)
```

Shade Color Variation

#df5333
```
#df5333 rgb(223,83,51)
```
#e26144
```
#e26144 rgb(226,97,68)
```
#e46f55
```
#e46f55 rgb(228,111,85)
```
#e77e66
```
#e77e66 rgb(231,126,102)
```
#ea8c77
```
#ea8c77 rgb(234,140,119)
```
#ec9a88
```
#ec9a88 rgb(236,154,136)
```
#efa899
```
#efa899 rgb(239,168,153)
```
#f2b7a9
```
#f2b7a9 rgb(242,183,169)
```
#f4c5ba
```
#f4c5ba rgb(244,197,186)
```
#f7d3cb
```
#f7d3cb rgb(247,211,203)
```
#fae2dc
```
#fae2dc rgb(250,226,220)
```
#fcf0ed
```
#fcf0ed rgb(252,240,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#706967
```
#706967 rgb(112,105,103)
```
#78645f
```
#78645f rgb(120,100,95)
```
#805f57
```
#805f57 rgb(128,95,87)
```
#88594f
```
#88594f rgb(136,89,79)
```
#915446
```
#915446 rgb(145,84,70)
```
#994f3e
```
#994f3e rgb(153,79,62)
```
#a14a36
```
#a14a36 rgb(161,74,54)
```
#a9442e
```
#a9442e rgb(169,68,46)
```
#b23f25
```
#b23f25 rgb(178,63,37)
```
#ba3a1d
```
#ba3a1d rgb(186,58,29)
```
#c23515
```
#c23515 rgb(194,53,21)
```
#cb300c
```
#cb300c rgb(203,48,12)
```
#d32a04
```
#d32a04 rgb(211,42,4)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#705650 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6f33 Protanopia 1% of men
#8a691a Deuteranopia 1% of men
#be4144 Tritanopia 0.001% of the population

Trichromacy

#915b2b Protanomaly 1% of men, 0.01% of women
#9b581b Deuteranomaly 6% of men, 0.4% of women
#bc3e35 Tritanomaly 0.01% of the population

#ba3a1d hex color

#ba3a1d Color Information

#ba3a1d Color Conversion

Color Schemes with #ba3a1d

Alternatives to #ba3a1d

#ba3a1d Preview

Shades and Tints of #ba3a1d

Tones of #ba3a1d

Color Blindness Simulator