#ba2c5a hex color

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

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

● #ba2c5a color description : Strong pink.

The hexadecimal color #ba2c5a has RGB values of R:186, G:44, B:90 and CMYK values of C:0, M:0.76, Y:0.52, K:0.27. Its decimal value is 12201050.

Hex triplet	ba2c5a	`#ba2c5a`
RGB Decimal	186, 44, 90	`rgb(186,44,90)`
RGB Percent	72.9, 17.3, 35.3	`rgb(72.9%,17.3%,35.3%)`
CMYK	0, 76, 52, 27
HSL	340.6°, 61.7, 45.1	`hsl(340.6,61.7%,45.1%)`
HSV (or HSB)	340.6°, 76.3, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	42.735, 58.395, 8.212
XYZ	22.997, 12.981, 10.967
xyY	0.49, 0.277, 12.981
CIE-LCH	42.735, 58.97, 8.005
CIE-LUV	42.735, 94.001, -1.201
Hunter-Lab	36.029, 50.881, 7.173
Binary	10111010, 00101100, 01011010

#ba2c5a
```
#ba2c5a rgb(186,44,90)
```
#2cba8c
```
#2cba8c rgb(44,186,140)
```

Complementary Color

#ba2ca1
```
#ba2ca1 rgb(186,44,161)
```
#ba2c5a
```
#ba2c5a rgb(186,44,90)
```
#ba452c
```
#ba452c rgb(186,69,44)
```

Analogous Color

#2ca1ba
```
#2ca1ba rgb(44,161,186)
```
#ba2c5a
```
#ba2c5a rgb(186,44,90)
```
#2cba45
```
#2cba45 rgb(44,186,69)
```

Split Complementary Color

#2c5aba
```
#2c5aba rgb(44,90,186)
```
#ba2c5a
```
#ba2c5a rgb(186,44,90)
```
#5aba2c
```
#5aba2c rgb(90,186,44)
```

Triadic Color

#8c2cba
```
#8c2cba rgb(140,44,186)
```
#ba2c5a
```
#ba2c5a rgb(186,44,90)
```
#5aba2c
```
#5aba2c rgb(90,186,44)
```
#2cba8c
```
#2cba8c rgb(44,186,140)
```

Tetradic Color

#7c1d3c
```
#7c1d3c rgb(124,29,60)
```
#912246
```
#912246 rgb(145,34,70)
```
#a52750
```
#a52750 rgb(165,39,80)
```
#ba2c5a
```
#ba2c5a rgb(186,44,90)
```
#ce3164
```
#ce3164 rgb(206,49,100)
```
#d34674
```
#d34674 rgb(211,70,116)
```
#d85a83
```
#d85a83 rgb(216,90,131)
```

Monochromatic Color

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

#ba2c7e
```
#ba2c7e rgb(186,44,126)
```
#ba2c72
```
#ba2c72 rgb(186,44,114)
```
#ba2c66
```
#ba2c66 rgb(186,44,102)
```
#ba2c5a
```
#ba2c5a rgb(186,44,90)
```
#ba2c4e
```
#ba2c4e rgb(186,44,78)
```
#ba2c42
```
#ba2c42 rgb(186,44,66)
```
#ba2c37
```
#ba2c37 rgb(186,44,55)
```

Similar Colors

Text with hexadecimal color #ba2c5a

This text has a font color of #ba2c5a.

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

#ba2c5a background color

This paragraph has a background color of #ba2c5a.

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

#ba2c5a border color

This element has a border color of #ba2c5a.

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

CSS codes

.text {color:#ba2c5a;}

.background {background-color:#ba2c5a;}

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

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

#0c0306
```
#0c0306 rgb(12,3,6)
```
#1b060d
```
#1b060d rgb(27,6,13)
```
#2b0a15
```
#2b0a15 rgb(43,10,21)
```
#3b0e1d
```
#3b0e1d rgb(59,14,29)
```
#4b1224
```
#4b1224 rgb(75,18,36)
```
#5b152c
```
#5b152c rgb(91,21,44)
```
#6b1934
```
#6b1934 rgb(107,25,52)
```
#7b1d3b
```
#7b1d3b rgb(123,29,59)
```
#8a2143
```
#8a2143 rgb(138,33,67)
```
#9a244b
```
#9a244b rgb(154,36,75)
```
#aa2852
```
#aa2852 rgb(170,40,82)
```
#ba2c5a
```
#ba2c5a rgb(186,44,90)
```
#ca3062
```
#ca3062 rgb(202,48,98)
```

Shade Color Variation

#d13c6c
```
#d13c6c rgb(209,60,108)
```
#d54c78
```
#d54c78 rgb(213,76,120)
```
#d85c84
```
#d85c84 rgb(216,92,132)
```
#dc6c90
```
#dc6c90 rgb(220,108,144)
```
#e07c9c
```
#e07c9c rgb(224,124,156)
```
#e48ca8
```
#e48ca8 rgb(228,140,168)
```
#e79bb4
```
#e79bb4 rgb(231,155,180)
```
#ebabc0
```
#ebabc0 rgb(235,171,192)
```
#efbbcc
```
#efbbcc rgb(239,187,204)
```
#f3cbd8
```
#f3cbd8 rgb(243,203,216)
```
#f6dbe4
```
#f6dbe4 rgb(246,219,228)
```
#faebf0
```
#faebf0 rgb(250,235,240)
```
#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 #dd094e is the most saturated one.

#737373
```
#737373 rgb(115,115,115)
```
#7c6a70
```
#7c6a70 rgb(124,106,112)
```
#85616d
```
#85616d rgb(133,97,109)
```
#8e586a
```
#8e586a rgb(142,88,106)
```
#974f66
```
#974f66 rgb(151,79,102)
```
#9f4763
```
#9f4763 rgb(159,71,99)
```
#a83e60
```
#a83e60 rgb(168,62,96)
```
#b1355d
```
#b1355d rgb(177,53,93)
```
#ba2c5a
```
#ba2c5a rgb(186,44,90)
```
#c32357
```
#c32357 rgb(195,35,87)
```
#cc1a54
```
#cc1a54 rgb(204,26,84)
```
#d51151
```
#d51151 rgb(213,17,81)
```
#dd094e
```
#dd094e rgb(221,9,78)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6f525c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6c7b Protanopia 1% of men
#7d6859 Deuteranopia 1% of men
#bb3f41 Tritanopia 0.001% of the population

Trichromacy

#87546f Protanomaly 1% of men, 0.01% of women
#935259 Deuteranomaly 6% of men, 0.4% of women
#bb384a Tritanomaly 0.01% of the population

#ba2c5a hex color

#ba2c5a Color Information

#ba2c5a Color Conversion

Color Schemes with #ba2c5a

Alternatives to #ba2c5a

#ba2c5a Preview

Shades and Tints of #ba2c5a

Tones of #ba2c5a

Color Blindness Simulator