#ba2ba4 hex color

In a RGB color space, hex #ba2ba4 is composed of 72.9% red, 16.9% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.9% magenta, 11.8% yellow and 27.1% black. It has a hue angle of 309.2 degrees, a saturation of 62.4% and a lightness of 44.9%. #ba2ba4 color hex could be obtained by blending #ff56ff with #750049. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 73
- G 17
- B 64
RGB color chart
- C 0
- M 77
- Y 12
- K 27
CMYK color chart

● #ba2ba4 color description : Strong magenta.

The hexadecimal color #ba2ba4 has RGB values of R:186, G:43, B:164 and CMYK values of C:0, M:0.77, Y:0.12, K:0.27. Its decimal value is 12200868.

Hex triplet	ba2ba4	`#ba2ba4`
RGB Decimal	186, 43, 164	`rgb(186,43,164)`
RGB Percent	72.9, 16.9, 64.3	`rgb(72.9%,16.9%,64.3%)`
CMYK	0, 77, 12, 27
HSL	309.2°, 62.4, 44.9	`hsl(309.2,62.4%,44.9%)`
HSV (or HSB)	309.2°, 76.9, 72.9
Web Safe	cc3399	`#cc3399`

CIE-LAB	45.427, 67.183, -33.052
XYZ	27.814, 14.849, 36.521
xyY	0.351, 0.188, 14.849
CIE-LCH	45.427, 74.873, 333.804
CIE-LUV	45.427, 65.614, -57.416
Hunter-Lab	38.535, 61.404, -29.218
Binary	10111010, 00101011, 10100100

#ba2ba4
```
#ba2ba4 rgb(186,43,164)
```
#2bba41
```
#2bba41 rgb(43,186,65)
```

Complementary Color

#892bba
```
#892bba rgb(137,43,186)
```
#ba2ba4
```
#ba2ba4 rgb(186,43,164)
```
#ba2b5d
```
#ba2b5d rgb(186,43,93)
```

Analogous Color

#2bba89
```
#2bba89 rgb(43,186,137)
```
#ba2ba4
```
#ba2ba4 rgb(186,43,164)
```
#5dba2b
```
#5dba2b rgb(93,186,43)
```

Split Complementary Color

#2ba4ba
```
#2ba4ba rgb(43,164,186)
```
#ba2ba4
```
#ba2ba4 rgb(186,43,164)
```
#a4ba2b
```
#a4ba2b rgb(164,186,43)
```

Triadic Color

#412bba
```
#412bba rgb(65,43,186)
```
#ba2ba4
```
#ba2ba4 rgb(186,43,164)
```
#a4ba2b
```
#a4ba2b rgb(164,186,43)
```
#2bba41
```
#2bba41 rgb(43,186,65)
```

Tetradic Color

#7c1d6d
```
#7c1d6d rgb(124,29,109)
```
#91217f
```
#91217f rgb(145,33,127)
```
#a52692
```
#a52692 rgb(165,38,146)
```
#ba2ba4
```
#ba2ba4 rgb(186,43,164)
```
#cf30b6
```
#cf30b6 rgb(207,48,182)
```
#d444be
```
#d444be rgb(212,68,190)
```
#d959c5
```
#d959c5 rgb(217,89,197)
```

Monochromatic Color

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

#ac2bba
```
#ac2bba rgb(172,43,186)
```
#b82bba
```
#b82bba rgb(184,43,186)
```
#ba2bb0
```
#ba2bb0 rgb(186,43,176)
```
#ba2ba4
```
#ba2ba4 rgb(186,43,164)
```
#ba2b98
```
#ba2b98 rgb(186,43,152)
```
#ba2b8c
```
#ba2b8c rgb(186,43,140)
```
#ba2b80
```
#ba2b80 rgb(186,43,128)
```

Similar Colors

Text with hexadecimal color #ba2ba4

This text has a font color of #ba2ba4.

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

#ba2ba4 background color

This paragraph has a background color of #ba2ba4.

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

#ba2ba4 border color

This element has a border color of #ba2ba4.

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

CSS codes

.text {color:#ba2ba4;}

.background {background-color:#ba2ba4;}

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

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

#0b0209
```
#0b0209 rgb(11,2,9)
```
#1b0618
```
#1b0618 rgb(27,6,24)
```
#2b0a26
```
#2b0a26 rgb(43,10,38)
```
#3b0e34
```
#3b0e34 rgb(59,14,52)
```
#4a1142
```
#4a1142 rgb(74,17,66)
```
#5a1550
```
#5a1550 rgb(90,21,80)
```
#6a195e
```
#6a195e rgb(106,25,94)
```
#7a1c6c
```
#7a1c6c rgb(122,28,108)
```
#8a207a
```
#8a207a rgb(138,32,122)
```
#9a2488
```
#9a2488 rgb(154,36,136)
```
#aa2796
```
#aa2796 rgb(170,39,150)
```
#ba2ba4
```
#ba2ba4 rgb(186,43,164)
```
#ca2fb2
```
#ca2fb2 rgb(202,47,178)
```

Shade Color Variation

#d23bba
```
#d23bba rgb(210,59,186)
```
#d54bc0
```
#d54bc0 rgb(213,75,192)
```
#d95ac6
```
#d95ac6 rgb(217,90,198)
```
#dd6acb
```
#dd6acb rgb(221,106,203)
```
#e07ad1
```
#e07ad1 rgb(224,122,209)
```
#e48ad6
```
#e48ad6 rgb(228,138,214)
```
#e89adc
```
#e89adc rgb(232,154,220)
```
#ebaae1
```
#ebaae1 rgb(235,170,225)
```
#efbae7
```
#efbae7 rgb(239,186,231)
```
#f3caec
```
#f3caec rgb(243,202,236)
```
#f6daf2
```
#f6daf2 rgb(246,218,242)
```
#faeaf8
```
#faeaf8 rgb(250,234,248)
```
#fefafd
```
#fefafd rgb(254,250,253)
```

Tint Color Variation

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

#747173
```
#747173 rgb(116,113,115)
```
#7c6979
```
#7c6979 rgb(124,105,121)
```
#85607f
```
#85607f rgb(133,96,127)
```
#8e5786
```
#8e5786 rgb(142,87,134)
```
#974e8c
```
#974e8c rgb(151,78,140)
```
#a04592
```
#a04592 rgb(160,69,146)
```
#a83d98
```
#a83d98 rgb(168,61,152)
```
#b1349e
```
#b1349e rgb(177,52,158)
```
#ba2ba4
```
#ba2ba4 rgb(186,43,164)
```
#c322aa
```
#c322aa rgb(195,34,170)
```
#cc19b0
```
#cc19b0 rgb(204,25,176)
```
#d411b6
```
#d411b6 rgb(212,17,182)
```
#dd08bc
```
#dd08bc rgb(221,8,188)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#755971 Atypical Achromatopsia 0.001% of the population

Dichromacy

#316fd1 Protanopia 1% of men
#65719b Deuteranopia 1% of men
#b55358 Tritanopia 0.001% of the population

Trichromacy

#6356c1 Protanomaly 1% of men, 0.01% of women
#84589e Deuteranomaly 6% of men, 0.4% of women
#b64474 Tritanomaly 0.01% of the population

#ba2ba4 hex color

#ba2ba4 Color Information

#ba2ba4 Color Conversion

Color Schemes with #ba2ba4

Alternatives to #ba2ba4

#ba2ba4 Preview

Shades and Tints of #ba2ba4

Tones of #ba2ba4

Color Blindness Simulator