#ba3949 hex color

In a RGB color space, hex #ba3949 is composed of 72.9% red, 22.4% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.4% magenta, 60.8% yellow and 27.1% black. It has a hue angle of 352.6 degrees, a saturation of 53.1% and a lightness of 47.6%. #ba3949 color hex could be obtained by blending #ff7292 with #750000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 22
- B 29
RGB color chart
- C 0
- M 69
- Y 61
- K 27
CMYK color chart

● #ba3949 color description : Moderate red.

The hexadecimal color #ba3949 has RGB values of R:186, G:57, B:73 and CMYK values of C:0, M:0.69, Y:0.61, K:0.27. Its decimal value is 12204361.

Hex triplet	ba3949	`#ba3949`
RGB Decimal	186, 57, 73	`rgb(186,57,73)`
RGB Percent	72.9, 22.4, 28.6	`rgb(72.9%,22.4%,28.6%)`
CMYK	0, 69, 61, 27
HSL	352.6°, 53.1, 47.6	`hsl(352.6,53.1%,47.6%)`
HSV (or HSB)	352.6°, 69.4, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.015, 52.512, 20.521
XYZ	22.916, 13.849, 7.769
xyY	0.515, 0.311, 13.849
CIE-LCH	44.015, 56.379, 21.345
CIE-LUV	44.015, 93.33, 12.848
Hunter-Lab	37.214, 44.795, 13.672
Binary	10111010, 00111001, 01001001

#ba3949
```
#ba3949 rgb(186,57,73)
```
#39baaa
```
#39baaa rgb(57,186,170)
```

Complementary Color

#ba398a
```
#ba398a rgb(186,57,138)
```
#ba3949
```
#ba3949 rgb(186,57,73)
```
#ba6a39
```
#ba6a39 rgb(186,106,57)
```

Analogous Color

#398aba
```
#398aba rgb(57,138,186)
```
#ba3949
```
#ba3949 rgb(186,57,73)
```
#39ba6a
```
#39ba6a rgb(57,186,106)
```

Split Complementary Color

#3949ba
```
#3949ba rgb(57,73,186)
```
#ba3949
```
#ba3949 rgb(186,57,73)
```
#49ba39
```
#49ba39 rgb(73,186,57)
```

Triadic Color

#aa39ba
```
#aa39ba rgb(170,57,186)
```
#ba3949
```
#ba3949 rgb(186,57,73)
```
#49ba39
```
#49ba39 rgb(73,186,57)
```
#39baaa
```
#39baaa rgb(57,186,170)
```

Tetradic Color

#7f2732
```
#7f2732 rgb(127,39,50)
```
#932d3a
```
#932d3a rgb(147,45,58)
```
#a63341
```
#a63341 rgb(166,51,65)
```
#ba3949
```
#ba3949 rgb(186,57,73)
```
#c64656
```
#c64656 rgb(198,70,86)
```
#cc5a68
```
#cc5a68 rgb(204,90,104)
```
#d26d7a
```
#d26d7a rgb(210,109,122)
```

Monochromatic Color

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

#ba3969
```
#ba3969 rgb(186,57,105)
```
#ba395f
```
#ba395f rgb(186,57,95)
```
#ba3954
```
#ba3954 rgb(186,57,84)
```
#ba3949
```
#ba3949 rgb(186,57,73)
```
#ba393e
```
#ba393e rgb(186,57,62)
```
#ba3e39
```
#ba3e39 rgb(186,62,57)
```
#ba4939
```
#ba4939 rgb(186,73,57)
```

Similar Colors

Text with hexadecimal color #ba3949

This text has a font color of #ba3949.

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

#ba3949 background color

This paragraph has a background color of #ba3949.

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

#ba3949 border color

This element has a border color of #ba3949.

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

CSS codes

.text {color:#ba3949;}

.background {background-color:#ba3949;}

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

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

#060202
```
#060202 rgb(6,2,2)
```
#150608
```
#150608 rgb(21,6,8)
```
#240b0e
```
#240b0e rgb(36,11,14)
```
#331014
```
#331014 rgb(51,16,20)
```
#42141a
```
#42141a rgb(66,20,26)
```
#511920
```
#511920 rgb(81,25,32)
```
#601d26
```
#601d26 rgb(96,29,38)
```
#6f222c
```
#6f222c rgb(111,34,44)
```
#7e2731
```
#7e2731 rgb(126,39,49)
```
#8d2b37
```
#8d2b37 rgb(141,43,55)
```
#9c303d
```
#9c303d rgb(156,48,61)
```
#ab3443
```
#ab3443 rgb(171,52,67)
```
#ba3949
```
#ba3949 rgb(186,57,73)
```

Shade Color Variation

#c54252
```
#c54252 rgb(197,66,82)
```
#ca5160
```
#ca5160 rgb(202,81,96)
```
#ce606d
```
#ce606d rgb(206,96,109)
```
#d36f7b
```
#d36f7b rgb(211,111,123)
```
#d77e89
```
#d77e89 rgb(215,126,137)
```
#dc8d97
```
#dc8d97 rgb(220,141,151)
```
#e19ca4
```
#e19ca4 rgb(225,156,164)
```
#e5abb2
```
#e5abb2 rgb(229,171,178)
```
#eabac0
```
#eabac0 rgb(234,186,192)
```
#eec9cd
```
#eec9cd rgb(238,201,205)
```
#f3d8db
```
#f3d8db rgb(243,216,219)
```
#f8e7e9
```
#f8e7e9 rgb(248,231,233)
```
#fcf6f7
```
#fcf6f7 rgb(252,246,247)
```

Tint Color Variation

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

#827173
```
#827173 rgb(130,113,115)
```
#8b686c
```
#8b686c rgb(139,104,108)
```
#955e65
```
#955e65 rgb(149,94,101)
```
#9e555e
```
#9e555e rgb(158,85,94)
```
#a74c57
```
#a74c57 rgb(167,76,87)
```
#b14250
```
#b14250 rgb(177,66,80)
```
#ba3949
```
#ba3949 rgb(186,57,73)
```
#c33042
```
#c33042 rgb(195,48,66)
```
#cd263b
```
#cd263b rgb(205,38,59)
```
#d61d34
```
#d61d34 rgb(214,29,52)
```
#df142d
```
#df142d rgb(223,20,45)
```
#e90a26
```
#e90a26 rgb(233,10,38)
```
#f2011f
```
#f2011f rgb(242,1,31)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#73595c Atypical Achromatopsia 0.001% of the population

Dichromacy

#746f64 Protanopia 1% of men
#856b4a Deuteranopia 1% of men
#bd4548 Tritanopia 0.001% of the population

Trichromacy

#8d5b5a Protanomaly 1% of men, 0.01% of women
#985849 Deuteranomaly 6% of men, 0.4% of women
#bb4048 Tritanomaly 0.01% of the population

#ba3949 hex color

#ba3949 Color Information

#ba3949 Color Conversion

Color Schemes with #ba3949

Alternatives to #ba3949

#ba3949 Preview

Shades and Tints of #ba3949

Tones of #ba3949

Color Blindness Simulator