#ba2a7e hex color

In a RGB color space, hex #ba2a7e is composed of 72.9% red, 16.5% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.4% magenta, 32.3% yellow and 27.1% black. It has a hue angle of 325 degrees, a saturation of 63.2% and a lightness of 44.7%. #ba2a7e color hex could be obtained by blending #ff54fc with #750000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 16
- B 49
RGB color chart
- C 0
- M 77
- Y 32
- K 27
CMYK color chart

● #ba2a7e color description : Strong pink.

The hexadecimal color #ba2a7e has RGB values of R:186, G:42, B:126 and CMYK values of C:0, M:0.77, Y:0.32, K:0.27. Its decimal value is 12200574.

Hex triplet	ba2a7e	`#ba2a7e`
RGB Decimal	186, 42, 126	`rgb(186,42,126)`
RGB Percent	72.9, 16.5, 49.4	`rgb(72.9%,16.5%,49.4%)`
CMYK	0, 77, 32, 27
HSL	325°, 63.2, 44.7	`hsl(325,63.2%,44.7%)`
HSV (or HSB)	325°, 77.4, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.659, 62.539, -12.794
XYZ	24.844, 13.604, 21.055
xyY	0.418, 0.229, 13.604
CIE-LCH	43.659, 63.835, 348.439
CIE-LUV	43.659, 80.829, -27.888
Hunter-Lab	36.883, 55.689, -8.028
Binary	10111010, 00101010, 01111110

#ba2a7e
```
#ba2a7e rgb(186,42,126)
```
#2aba66
```
#2aba66 rgb(42,186,102)
```

Complementary Color

#ae2aba
```
#ae2aba rgb(174,42,186)
```
#ba2a7e
```
#ba2a7e rgb(186,42,126)
```
#ba2a36
```
#ba2a36 rgb(186,42,54)
```

Analogous Color

#2abaae
```
#2abaae rgb(42,186,174)
```
#ba2a7e
```
#ba2a7e rgb(186,42,126)
```
#36ba2a
```
#36ba2a rgb(54,186,42)
```

Split Complementary Color

#2a7eba
```
#2a7eba rgb(42,126,186)
```
#ba2a7e
```
#ba2a7e rgb(186,42,126)
```
#7eba2a
```
#7eba2a rgb(126,186,42)
```

Triadic Color

#662aba
```
#662aba rgb(102,42,186)
```
#ba2a7e
```
#ba2a7e rgb(186,42,126)
```
#7eba2a
```
#7eba2a rgb(126,186,42)
```
#2aba66
```
#2aba66 rgb(42,186,102)
```

Tetradic Color

#7c1c54
```
#7c1c54 rgb(124,28,84)
```
#902162
```
#902162 rgb(144,33,98)
```
#a52570
```
#a52570 rgb(165,37,112)
```
#ba2a7e
```
#ba2a7e rgb(186,42,126)
```
#cf2f8c
```
#cf2f8c rgb(207,47,140)
```
#d44398
```
#d44398 rgb(212,67,152)
```
#d957a3
```
#d957a3 rgb(217,87,163)
```

Monochromatic Color

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

#ba2aa2
```
#ba2aa2 rgb(186,42,162)
```
#ba2a96
```
#ba2a96 rgb(186,42,150)
```
#ba2a8a
```
#ba2a8a rgb(186,42,138)
```
#ba2a7e
```
#ba2a7e rgb(186,42,126)
```
#ba2a72
```
#ba2a72 rgb(186,42,114)
```
#ba2a66
```
#ba2a66 rgb(186,42,102)
```
#ba2a5a
```
#ba2a5a rgb(186,42,90)
```

Similar Colors

Text with hexadecimal color #ba2a7e

This text has a font color of #ba2a7e.

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

#ba2a7e background color

This paragraph has a background color of #ba2a7e.

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

#ba2a7e border color

This element has a border color of #ba2a7e.

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

CSS codes

.text {color:#ba2a7e;}

.background {background-color:#ba2a7e;}

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

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

#0a0207
```
#0a0207 rgb(10,2,7)
```
#1a0612
```
#1a0612 rgb(26,6,18)
```
#2a091c
```
#2a091c rgb(42,9,28)
```
#3a0d27
```
#3a0d27 rgb(58,13,39)
```
#4a1132
```
#4a1132 rgb(74,17,50)
```
#5a143d
```
#5a143d rgb(90,20,61)
```
#6a1848
```
#6a1848 rgb(106,24,72)
```
#7a1c53
```
#7a1c53 rgb(122,28,83)
```
#8a1f5d
```
#8a1f5d rgb(138,31,93)
```
#9a2368
```
#9a2368 rgb(154,35,104)
```
#aa2673
```
#aa2673 rgb(170,38,115)
```
#ba2a7e
```
#ba2a7e rgb(186,42,126)
```
#ca2e89
```
#ca2e89 rgb(202,46,137)
```

Shade Color Variation

#d23992
```
#d23992 rgb(210,57,146)
```
#d6499b
```
#d6499b rgb(214,73,155)
```
#da59a4
```
#da59a4 rgb(218,89,164)
```
#dd69ad
```
#dd69ad rgb(221,105,173)
```
#e179b5
```
#e179b5 rgb(225,121,181)
```
#e489be
```
#e489be rgb(228,137,190)
```
#e899c7
```
#e899c7 rgb(232,153,199)
```
#eca9d0
```
#eca9d0 rgb(236,169,208)
```
#efb9d9
```
#efb9d9 rgb(239,185,217)
```
#f3c9e1
```
#f3c9e1 rgb(243,201,225)
```
#f6d9ea
```
#f6d9ea rgb(246,217,234)
```
#fae9f3
```
#fae9f3 rgb(250,233,243)
```
#fef9fc
```
#fef9fc rgb(254,249,252)
```

Tint Color Variation

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

#747072
```
#747072 rgb(116,112,114)
```
#7d6774
```
#7d6774 rgb(125,103,116)
```
#855f75
```
#855f75 rgb(133,95,117)
```
#8e5677
```
#8e5677 rgb(142,86,119)
```
#974d78
```
#974d78 rgb(151,77,120)
```
#a0447a
```
#a0447a rgb(160,68,122)
```
#a83c7b
```
#a83c7b rgb(168,60,123)
```
#b1337d
```
#b1337d rgb(177,51,125)
```
#ba2a7e
```
#ba2a7e rgb(186,42,126)
```
#c3217f
```
#c3217f rgb(195,33,127)
```
#cc1881
```
#cc1881 rgb(204,24,129)
```
#d41082
```
#d41082 rgb(212,16,130)
```
#dd0784
```
#dd0784 rgb(221,7,132)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#715465 Atypical Achromatopsia 0.001% of the population

Dichromacy

#586da5 Protanopia 1% of men
#746c79 Deuteranopia 1% of men
#b9474b Tritanopia 0.001% of the population

Trichromacy

#7c5497 Protanomaly 1% of men, 0.01% of women
#8d547b Deuteranomaly 6% of men, 0.4% of women
#b93c5d Tritanomaly 0.01% of the population

#ba2a7e hex color

#ba2a7e Color Information

#ba2a7e Color Conversion

Color Schemes with #ba2a7e

Alternatives to #ba2a7e

#ba2a7e Preview

Shades and Tints of #ba2a7e

Tones of #ba2a7e

Color Blindness Simulator