#ba2931 hex color

In a RGB color space, hex #ba2931 is composed of 72.9% red, 16.1% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78% magenta, 73.7% yellow and 27.1% black. It has a hue angle of 356.7 degrees, a saturation of 63.9% and a lightness of 44.5%. #ba2931 color hex could be obtained by blending #ff5262 with #750000. Closest websafe color is: #cc3333.

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

● #ba2931 color description : Strong red.

The hexadecimal color #ba2931 has RGB values of R:186, G:41, B:49 and CMYK values of C:0, M:0.78, Y:0.74, K:0.27. Its decimal value is 12200241.

Hex triplet	ba2931	`#ba2931`
RGB Decimal	186, 41, 49	`rgb(186,41,49)`
RGB Percent	72.9, 16.1, 19.2	`rgb(72.9%,16.1%,19.2%)`
CMYK	0, 78, 74, 27
HSL	356.7°, 63.9, 44.5	`hsl(356.7,63.9%,44.5%)`
HSV (or HSB)	356.7°, 78, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	41.61, 56.796, 32.114
XYZ	21.598, 12.249, 4.133
xyY	0.569, 0.323, 12.249
CIE-LCH	41.61, 65.247, 29.485
CIE-LUV	41.61, 107.609, 20.546
Hunter-Lab	34.999, 48.905, 17.498
Binary	10111010, 00101001, 00110001

#ba2931
```
#ba2931 rgb(186,41,49)
```
#29bab2
```
#29bab2 rgb(41,186,178)
```

Complementary Color

#ba297a
```
#ba297a rgb(186,41,122)
```
#ba2931
```
#ba2931 rgb(186,41,49)
```
#ba6a29
```
#ba6a29 rgb(186,106,41)
```

Analogous Color

#297aba
```
#297aba rgb(41,122,186)
```
#ba2931
```
#ba2931 rgb(186,41,49)
```
#29ba6a
```
#29ba6a rgb(41,186,106)
```

Split Complementary Color

#2931ba
```
#2931ba rgb(41,49,186)
```
#ba2931
```
#ba2931 rgb(186,41,49)
```
#31ba29
```
#31ba29 rgb(49,186,41)
```

Triadic Color

#b229ba
```
#b229ba rgb(178,41,186)
```
#ba2931
```
#ba2931 rgb(186,41,49)
```
#31ba29
```
#31ba29 rgb(49,186,41)
```
#29bab2
```
#29bab2 rgb(41,186,178)
```

Tetradic Color

#7b1b20
```
#7b1b20 rgb(123,27,32)
```
#902026
```
#902026 rgb(144,32,38)
```
#a5242b
```
#a5242b rgb(165,36,43)
```
#ba2931
```
#ba2931 rgb(186,41,49)
```
#cf2e37
```
#cf2e37 rgb(207,46,55)
```
#d54149
```
#d54149 rgb(213,65,73)
```
#da565d
```
#da565d rgb(218,86,93)
```

Monochromatic Color

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

#ba2955
```
#ba2955 rgb(186,41,85)
```
#ba2949
```
#ba2949 rgb(186,41,73)
```
#ba293d
```
#ba293d rgb(186,41,61)
```
#ba2931
```
#ba2931 rgb(186,41,49)
```
#ba2d29
```
#ba2d29 rgb(186,45,41)
```
#ba3929
```
#ba3929 rgb(186,57,41)
```
#ba4529
```
#ba4529 rgb(186,69,41)
```

Similar Colors

Text with hexadecimal color #ba2931

This text has a font color of #ba2931.

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

#ba2931 background color

This paragraph has a background color of #ba2931.

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

#ba2931 border color

This element has a border color of #ba2931.

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

CSS codes

.text {color:#ba2931;}

.background {background-color:#ba2931;}

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

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

#090202
```
#090202 rgb(9,2,2)
```
#190607
```
#190607 rgb(25,6,7)
```
#29090b
```
#29090b rgb(41,9,11)
```
#390d0f
```
#390d0f rgb(57,13,15)
```
#491013
```
#491013 rgb(73,16,19)
```
#5a1418
```
#5a1418 rgb(90,20,24)
```
#6a171c
```
#6a171c rgb(106,23,28)
```
#7a1b20
```
#7a1b20 rgb(122,27,32)
```
#8a1e24
```
#8a1e24 rgb(138,30,36)
```
#9a2229
```
#9a2229 rgb(154,34,41)
```
#aa252d
```
#aa252d rgb(170,37,45)
```
#ba2931
```
#ba2931 rgb(186,41,49)
```
#ca2d35
```
#ca2d35 rgb(202,45,53)
```

Shade Color Variation

#d33740
```
#d33740 rgb(211,55,64)
```
#d7474f
```
#d7474f rgb(215,71,79)
```
#da575f
```
#da575f rgb(218,87,95)
```
#de676e
```
#de676e rgb(222,103,110)
```
#e1787d
```
#e1787d rgb(225,120,125)
```
#e5888d
```
#e5888d rgb(229,136,141)
```
#e8989c
```
#e8989c rgb(232,152,156)
```
#eca8ac
```
#eca8ac rgb(236,168,172)
```
#efb8bb
```
#efb8bb rgb(239,184,187)
```
#f3c8ca
```
#f3c8ca rgb(243,200,202)
```
#f6d8da
```
#f6d8da rgb(246,216,218)
```
#fae8e9
```
#fae8e9 rgb(250,232,233)
```
#fdf8f8
```
#fdf8f8 rgb(253,248,248)
```

Tint Color Variation

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

#746f6f
```
#746f6f rgb(116,111,111)
```
#7d6667
```
#7d6667 rgb(125,102,103)
```
#865d60
```
#865d60 rgb(134,93,96)
```
#8e5558
```
#8e5558 rgb(142,85,88)
```
#974c50
```
#974c50 rgb(151,76,80)
```
#a04348
```
#a04348 rgb(160,67,72)
```
#a93a41
```
#a93a41 rgb(169,58,65)
```
#b13239
```
#b13239 rgb(177,50,57)
```
#ba2931
```
#ba2931 rgb(186,41,49)
```
#c32029
```
#c32029 rgb(195,32,41)
```
#cb1821
```
#cb1821 rgb(203,24,33)
```
#d40f1a
```
#d40f1a rgb(212,15,26)
```
#dd0612
```
#dd0612 rgb(221,6,18)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#694c4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#726a4c Protanopia 1% of men
#826531 Deuteranopia 1% of men
#bd3536 Tritanopia 0.001% of the population

Trichromacy

#8c5242 Protanomaly 1% of men, 0.01% of women
#964f31 Deuteranomaly 6% of men, 0.4% of women
#bc3034 Tritanomaly 0.01% of the population

#ba2931 hex color

#ba2931 Color Information

#ba2931 Color Conversion

Color Schemes with #ba2931

Alternatives to #ba2931

#ba2931 Preview

Shades and Tints of #ba2931

Tones of #ba2931

Color Blindness Simulator