#ba2a70 hex color

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

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

● #ba2a70 color description : Strong pink.

The hexadecimal color #ba2a70 has RGB values of R:186, G:42, B:112 and CMYK values of C:0, M:0.77, Y:0.4, K:0.27. Its decimal value is 12200560.

Hex triplet	ba2a70	`#ba2a70`
RGB Decimal	186, 42, 112	`rgb(186,42,112)`
RGB Percent	72.9, 16.5, 43.9	`rgb(72.9%,16.5%,43.9%)`
CMYK	0, 77, 40, 27
HSL	330.8°, 63.2, 44.7	`hsl(330.8,63.2%,44.7%)`
HSV (or HSB)	330.8°, 77.4, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.163, 61.028, -4.891
XYZ	24.003, 13.267, 16.625
xyY	0.445, 0.246, 13.267
CIE-LCH	43.163, 61.224, 355.418
CIE-LUV	43.163, 86.41, -17.268
Hunter-Lab	36.424, 53.885, -1.565
Binary	10111010, 00101010, 01110000

#ba2a70
```
#ba2a70 rgb(186,42,112)
```
#2aba74
```
#2aba74 rgb(42,186,116)
```

Complementary Color

#ba2ab8
```
#ba2ab8 rgb(186,42,184)
```
#ba2a70
```
#ba2a70 rgb(186,42,112)
```
#ba2c2a
```
#ba2c2a rgb(186,44,42)
```

Analogous Color

#2ab8ba
```
#2ab8ba rgb(42,184,186)
```
#ba2a70
```
#ba2a70 rgb(186,42,112)
```
#2aba2c
```
#2aba2c rgb(42,186,44)
```

Split Complementary Color

#2a70ba
```
#2a70ba rgb(42,112,186)
```
#ba2a70
```
#ba2a70 rgb(186,42,112)
```
#70ba2a
```
#70ba2a rgb(112,186,42)
```

Triadic Color

#742aba
```
#742aba rgb(116,42,186)
```
#ba2a70
```
#ba2a70 rgb(186,42,112)
```
#70ba2a
```
#70ba2a rgb(112,186,42)
```
#2aba74
```
#2aba74 rgb(42,186,116)
```

Tetradic Color

#7c1c4a
```
#7c1c4a rgb(124,28,74)
```
#902157
```
#902157 rgb(144,33,87)
```
#a52563
```
#a52563 rgb(165,37,99)
```
#ba2a70
```
#ba2a70 rgb(186,42,112)
```
#cf2f7d
```
#cf2f7d rgb(207,47,125)
```
#d44389
```
#d44389 rgb(212,67,137)
```
#d95796
```
#d95796 rgb(217,87,150)
```

Monochromatic Color

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

#ba2a94
```
#ba2a94 rgb(186,42,148)
```
#ba2a88
```
#ba2a88 rgb(186,42,136)
```
#ba2a7c
```
#ba2a7c rgb(186,42,124)
```
#ba2a70
```
#ba2a70 rgb(186,42,112)
```
#ba2a64
```
#ba2a64 rgb(186,42,100)
```
#ba2a58
```
#ba2a58 rgb(186,42,88)
```
#ba2a4c
```
#ba2a4c rgb(186,42,76)
```

Similar Colors

Text with hexadecimal color #ba2a70

This text has a font color of #ba2a70.

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

#ba2a70 background color

This paragraph has a background color of #ba2a70.

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

#ba2a70 border color

This element has a border color of #ba2a70.

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

CSS codes

.text {color:#ba2a70;}

.background {background-color:#ba2a70;}

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

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

#0a0206
```
#0a0206 rgb(10,2,6)
```
#1a0610
```
#1a0610 rgb(26,6,16)
```
#2a0919
```
#2a0919 rgb(42,9,25)
```
#3a0d23
```
#3a0d23 rgb(58,13,35)
```
#4a112d
```
#4a112d rgb(74,17,45)
```
#5a1436
```
#5a1436 rgb(90,20,54)
```
#6a1840
```
#6a1840 rgb(106,24,64)
```
#7a1c49
```
#7a1c49 rgb(122,28,73)
```
#8a1f53
```
#8a1f53 rgb(138,31,83)
```
#9a235d
```
#9a235d rgb(154,35,93)
```
#aa2666
```
#aa2666 rgb(170,38,102)
```
#ba2a70
```
#ba2a70 rgb(186,42,112)
```
#ca2e7a
```
#ca2e7a rgb(202,46,122)
```

Shade Color Variation

#d23983
```
#d23983 rgb(210,57,131)
```
#d6498d
```
#d6498d rgb(214,73,141)
```
#da5997
```
#da5997 rgb(218,89,151)
```
#dd69a1
```
#dd69a1 rgb(221,105,161)
```
#e179ab
```
#e179ab rgb(225,121,171)
```
#e489b5
```
#e489b5 rgb(228,137,181)
```
#e899bf
```
#e899bf rgb(232,153,191)
```
#eca9c9
```
#eca9c9 rgb(236,169,201)
```
#efb9d3
```
#efb9d3 rgb(239,185,211)
```
#f3c9dd
```
#f3c9dd rgb(243,201,221)
```
#f6d9e7
```
#f6d9e7 rgb(246,217,231)
```
#fae9f1
```
#fae9f1 rgb(250,233,241)
```
#fef9fb
```
#fef9fb rgb(254,249,251)
```

Tint Color Variation

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

#747072
```
#747072 rgb(116,112,114)
```
#7d6772
```
#7d6772 rgb(125,103,114)
```
#855f71
```
#855f71 rgb(133,95,113)
```
#8e5671
```
#8e5671 rgb(142,86,113)
```
#974d71
```
#974d71 rgb(151,77,113)
```
#a04471
```
#a04471 rgb(160,68,113)
```
#a83c70
```
#a83c70 rgb(168,60,112)
```
#b13370
```
#b13370 rgb(177,51,112)
```
#ba2a70
```
#ba2a70 rgb(186,42,112)
```
#c32170
```
#c32170 rgb(195,33,112)
```
#cc1870
```
#cc1870 rgb(204,24,112)
```
#d4106f
```
#d4106f rgb(212,16,111)
```
#dd076f
```
#dd076f rgb(221,7,111)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#705361 Atypical Achromatopsia 0.001% of the population

Dichromacy

#606c95 Protanopia 1% of men
#786a6d Deuteranopia 1% of men
#ba4346 Tritanopia 0.001% of the population

Trichromacy

#815487 Protanomaly 1% of men, 0.01% of women
#90536e Deuteranomaly 6% of men, 0.4% of women
#ba3a55 Tritanomaly 0.01% of the population

#ba2a70 hex color

#ba2a70 Color Information

#ba2a70 Color Conversion

Color Schemes with #ba2a70

Alternatives to #ba2a70

#ba2a70 Preview

Shades and Tints of #ba2a70

Tones of #ba2a70

Color Blindness Simulator