#ba2c57 hex color

In a RGB color space, hex #ba2c57 is composed of 72.9% red, 17.3% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.3% magenta, 53.2% yellow and 27.1% black. It has a hue angle of 341.8 degrees, a saturation of 61.7% and a lightness of 45.1%. #ba2c57 color hex could be obtained by blending #ff58ae with #750000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 17
- B 34
RGB color chart
- C 0
- M 76
- Y 53
- K 27
CMYK color chart

● #ba2c57 color description : Strong pink.

The hexadecimal color #ba2c57 has RGB values of R:186, G:44, B:87 and CMYK values of C:0, M:0.76, Y:0.53, K:0.27. Its decimal value is 12201047.

Hex triplet	ba2c57	`#ba2c57`
RGB Decimal	186, 44, 87	`rgb(186,44,87)`
RGB Percent	72.9, 17.3, 34.1	`rgb(72.9%,17.3%,34.1%)`
CMYK	0, 76, 53, 27
HSL	341.8°, 61.7, 45.1	`hsl(341.8,61.7%,45.1%)`
HSV (or HSB)	341.8°, 76.3, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	42.659, 58.155, 9.984
XYZ	22.871, 12.931, 10.308
xyY	0.496, 0.28, 12.931
CIE-LCH	42.659, 59.006, 9.742
CIE-LUV	42.659, 95.059, 0.77
Hunter-Lab	35.96, 50.601, 8.176
Binary	10111010, 00101100, 01010111

#ba2c57
```
#ba2c57 rgb(186,44,87)
```
#2cba8f
```
#2cba8f rgb(44,186,143)
```

Complementary Color

#ba2c9e
```
#ba2c9e rgb(186,44,158)
```
#ba2c57
```
#ba2c57 rgb(186,44,87)
```
#ba482c
```
#ba482c rgb(186,72,44)
```

Analogous Color

#2c9eba
```
#2c9eba rgb(44,158,186)
```
#ba2c57
```
#ba2c57 rgb(186,44,87)
```
#2cba48
```
#2cba48 rgb(44,186,72)
```

Split Complementary Color

#2c57ba
```
#2c57ba rgb(44,87,186)
```
#ba2c57
```
#ba2c57 rgb(186,44,87)
```
#57ba2c
```
#57ba2c rgb(87,186,44)
```

Triadic Color

#8f2cba
```
#8f2cba rgb(143,44,186)
```
#ba2c57
```
#ba2c57 rgb(186,44,87)
```
#57ba2c
```
#57ba2c rgb(87,186,44)
```
#2cba8f
```
#2cba8f rgb(44,186,143)
```

Tetradic Color

#7c1d3a
```
#7c1d3a rgb(124,29,58)
```
#912244
```
#912244 rgb(145,34,68)
```
#a5274d
```
#a5274d rgb(165,39,77)
```
#ba2c57
```
#ba2c57 rgb(186,44,87)
```
#ce3161
```
#ce3161 rgb(206,49,97)
```
#d34671
```
#d34671 rgb(211,70,113)
```
#d85a80
```
#d85a80 rgb(216,90,128)
```

Monochromatic Color

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

#ba2c7b
```
#ba2c7b rgb(186,44,123)
```
#ba2c6f
```
#ba2c6f rgb(186,44,111)
```
#ba2c63
```
#ba2c63 rgb(186,44,99)
```
#ba2c57
```
#ba2c57 rgb(186,44,87)
```
#ba2c4b
```
#ba2c4b rgb(186,44,75)
```
#ba2c3f
```
#ba2c3f rgb(186,44,63)
```
#ba2c34
```
#ba2c34 rgb(186,44,52)
```

Similar Colors

Text with hexadecimal color #ba2c57

This text has a font color of #ba2c57.

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

#ba2c57 background color

This paragraph has a background color of #ba2c57.

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

#ba2c57 border color

This element has a border color of #ba2c57.

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

CSS codes

.text {color:#ba2c57;}

.background {background-color:#ba2c57;}

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

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, #0c0305 is the darkest color, while #fefbfc is the lightest one.

#0c0305
```
#0c0305 rgb(12,3,5)
```
#1b060d
```
#1b060d rgb(27,6,13)
```
#2b0a14
```
#2b0a14 rgb(43,10,20)
```
#3b0e1c
```
#3b0e1c rgb(59,14,28)
```
#4b1223
```
#4b1223 rgb(75,18,35)
```
#5b152a
```
#5b152a rgb(91,21,42)
```
#6b1932
```
#6b1932 rgb(107,25,50)
```
#7b1d39
```
#7b1d39 rgb(123,29,57)
```
#8a2141
```
#8a2141 rgb(138,33,65)
```
#9a2448
```
#9a2448 rgb(154,36,72)
```
#aa2850
```
#aa2850 rgb(170,40,80)
```
#ba2c57
```
#ba2c57 rgb(186,44,87)
```
#ca305e
```
#ca305e rgb(202,48,94)
```

Shade Color Variation

#d13c69
```
#d13c69 rgb(209,60,105)
```
#d54c76
```
#d54c76 rgb(213,76,118)
```
#d85c82
```
#d85c82 rgb(216,92,130)
```
#dc6c8e
```
#dc6c8e rgb(220,108,142)
```
#e07c9a
```
#e07c9a rgb(224,124,154)
```
#e48ca6
```
#e48ca6 rgb(228,140,166)
```
#e79bb2
```
#e79bb2 rgb(231,155,178)
```
#ebabbf
```
#ebabbf rgb(235,171,191)
```
#efbbcb
```
#efbbcb rgb(239,187,203)
```
#f3cbd7
```
#f3cbd7 rgb(243,203,215)
```
#f6dbe3
```
#f6dbe3 rgb(246,219,227)
```
#faebef
```
#faebef rgb(250,235,239)
```
#fefbfc
```
#fefbfc rgb(254,251,252)
```

Tint Color Variation

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

#737373
```
#737373 rgb(115,115,115)
```
#7c6a6f
```
#7c6a6f rgb(124,106,111)
```
#85616c
```
#85616c rgb(133,97,108)
```
#8e5868
```
#8e5868 rgb(142,88,104)
```
#974f65
```
#974f65 rgb(151,79,101)
```
#9f4761
```
#9f4761 rgb(159,71,97)
```
#a83e5e
```
#a83e5e rgb(168,62,94)
```
#b1355a
```
#b1355a rgb(177,53,90)
```
#ba2c57
```
#ba2c57 rgb(186,44,87)
```
#c32354
```
#c32354 rgb(195,35,84)
```
#cc1a50
```
#cc1a50 rgb(204,26,80)
```
#d5114d
```
#d5114d rgb(213,17,77)
```
#dd0949
```
#dd0949 rgb(221,9,73)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6e525a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6c77 Protanopia 1% of men
#7e6856 Deuteranopia 1% of men
#bb3e41 Tritanopia 0.001% of the population

Trichromacy

#87546b Protanomaly 1% of men, 0.01% of women
#945256 Deuteranomaly 6% of men, 0.4% of women
#bb3749 Tritanomaly 0.01% of the population

#ba2c57 hex color

#ba2c57 Color Information

#ba2c57 Color Conversion

Color Schemes with #ba2c57

Alternatives to #ba2c57

#ba2c57 Preview

Shades and Tints of #ba2c57

Tones of #ba2c57

Color Blindness Simulator