#ba2231 hex color

In a RGB color space, hex #ba2231 is composed of 72.9% red, 13.3% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 73.7% yellow and 27.1% black. It has a hue angle of 354.1 degrees, a saturation of 69.1% and a lightness of 43.1%. #ba2231 color hex could be obtained by blending #ff4462 with #750000. Closest websafe color is: #cc3333.

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

● #ba2231 color description : Strong red.

The hexadecimal color #ba2231 has RGB values of R:186, G:34, B:49 and CMYK values of C:0, M:0.82, Y:0.74, K:0.27. Its decimal value is 12198449.

Hex triplet	ba2231	`#ba2231`
RGB Decimal	186, 34, 49	`rgb(186,34,49)`
RGB Percent	72.9, 13.3, 19.2	`rgb(72.9%,13.3%,19.2%)`
CMYK	0, 82, 74, 27
HSL	354.1°, 69.1, 43.1	`hsl(354.1,69.1%,43.1%)`
HSV (or HSB)	354.1°, 81.7, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	40.909, 58.774, 31.307
XYZ	21.377, 11.808, 4.059
xyY	0.574, 0.317, 11.808
CIE-LCH	40.909, 66.592, 28.042
CIE-LUV	40.909, 110.645, 19.197
Hunter-Lab	34.362, 50.914, 17.05
Binary	10111010, 00100010, 00110001

#ba2231
```
#ba2231 rgb(186,34,49)
```
#22baab
```
#22baab rgb(34,186,171)
```

Complementary Color

#ba227d
```
#ba227d rgb(186,34,125)
```
#ba2231
```
#ba2231 rgb(186,34,49)
```
#ba5f22
```
#ba5f22 rgb(186,95,34)
```

Analogous Color

#227dba
```
#227dba rgb(34,125,186)
```
#ba2231
```
#ba2231 rgb(186,34,49)
```
#22ba5f
```
#22ba5f rgb(34,186,95)
```

Split Complementary Color

#2231ba
```
#2231ba rgb(34,49,186)
```
#ba2231
```
#ba2231 rgb(186,34,49)
```
#31ba22
```
#31ba22 rgb(49,186,34)
```

Triadic Color

#ab22ba
```
#ab22ba rgb(171,34,186)
```
#ba2231
```
#ba2231 rgb(186,34,49)
```
#31ba22
```
#31ba22 rgb(49,186,34)
```
#22baab
```
#22baab rgb(34,186,171)
```

Tetradic Color

#791620
```
#791620 rgb(121,22,32)
```
#8f1a26
```
#8f1a26 rgb(143,26,38)
```
#a41e2b
```
#a41e2b rgb(164,30,43)
```
#ba2231
```
#ba2231 rgb(186,34,49)
```
#d02637
```
#d02637 rgb(208,38,55)
```
#da3545
```
#da3545 rgb(218,53,69)
```
#de4a59
```
#de4a59 rgb(222,74,89)
```

Monochromatic Color

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

#ba2257
```
#ba2257 rgb(186,34,87)
```
#ba224a
```
#ba224a rgb(186,34,74)
```
#ba223e
```
#ba223e rgb(186,34,62)
```
#ba2231
```
#ba2231 rgb(186,34,49)
```
#ba2224
```
#ba2224 rgb(186,34,36)
```
#ba2c22
```
#ba2c22 rgb(186,44,34)
```
#ba3922
```
#ba3922 rgb(186,57,34)
```

Similar Colors

Text with hexadecimal color #ba2231

This text has a font color of #ba2231.

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

#ba2231 background color

This paragraph has a background color of #ba2231.

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

#ba2231 border color

This element has a border color of #ba2231.

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

CSS codes

.text {color:#ba2231;}

.background {background-color:#ba2231;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#140405
```
#140405 rgb(20,4,5)
```
#25070a
```
#25070a rgb(37,7,10)
```
#350a0e
```
#350a0e rgb(53,10,14)
```
#460d12
```
#460d12 rgb(70,13,18)
```
#561017
```
#561017 rgb(86,16,23)
```
#67131b
```
#67131b rgb(103,19,27)
```
#781620
```
#781620 rgb(120,22,32)
```
#881924
```
#881924 rgb(136,25,36)
```
#991c28
```
#991c28 rgb(153,28,40)
```
#a91f2d
```
#a91f2d rgb(169,31,45)
```
#ba2231
```
#ba2231 rgb(186,34,49)
```
#cb2535
```
#cb2535 rgb(203,37,53)
```

Shade Color Variation

#d82b3c
```
#d82b3c rgb(216,43,60)
```
#db3c4b
```
#db3c4b rgb(219,60,75)
```
#de4c5b
```
#de4c5b rgb(222,76,91)
```
#e15d6a
```
#e15d6a rgb(225,93,106)
```
#e46d79
```
#e46d79 rgb(228,109,121)
```
#e77e88
```
#e77e88 rgb(231,126,136)
```
#ea8e98
```
#ea8e98 rgb(234,142,152)
```
#ed9fa7
```
#ed9fa7 rgb(237,159,167)
```
#f0b0b6
```
#f0b0b6 rgb(240,176,182)
```
#f4c0c5
```
#f4c0c5 rgb(244,192,197)
```
#f7d1d5
```
#f7d1d5 rgb(247,209,213)
```
#fae1e4
```
#fae1e4 rgb(250,225,228)
```
#fdf2f3
```
#fdf2f3 rgb(253,242,243)
```

Tint Color Variation

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

#766667
```
#766667 rgb(118,102,103)
```
#7f5d61
```
#7f5d61 rgb(127,93,97)
```
#87555a
```
#87555a rgb(135,85,90)
```
#904c53
```
#904c53 rgb(144,76,83)
```
#98444c
```
#98444c rgb(152,68,76)
```
#a13b45
```
#a13b45 rgb(161,59,69)
```
#a9333f
```
#a9333f rgb(169,51,63)
```
#b22a38
```
#b22a38 rgb(178,42,56)
```
#ba2231
```
#ba2231 rgb(186,34,49)
```
#c21a2a
```
#c21a2a rgb(194,26,42)
```
#cb1123
```
#cb1123 rgb(203,17,35)
```
#d3091d
```
#d3091d rgb(211,9,29)
```
#dc0016
```
#dc0016 rgb(220,0,22)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#66484b Atypical Achromatopsia 0.001% of the population

Dichromacy

#70684d Protanopia 1% of men
#806331 Deuteranopia 1% of men
#bd2f30 Tritanopia 0.001% of the population

Trichromacy

#8b4e43 Protanomaly 1% of men, 0.01% of women
#954b31 Deuteranomaly 6% of men, 0.4% of women
#bc2a30 Tritanomaly 0.01% of the population

#ba2231 hex color

#ba2231 Color Information

#ba2231 Color Conversion

Color Schemes with #ba2231

Alternatives to #ba2231

#ba2231 Preview

Shades and Tints of #ba2231

Tones of #ba2231

Color Blindness Simulator