#ba3aa2 hex color

In a RGB color space, hex #ba3aa2 is composed of 72.9% red, 22.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.8% magenta, 12.9% yellow and 27.1% black. It has a hue angle of 311.3 degrees, a saturation of 52.5% and a lightness of 47.8%. #ba3aa2 color hex could be obtained by blending #ff74ff with #750045. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 73
- G 23
- B 64
RGB color chart
- C 0
- M 69
- Y 13
- K 27
CMYK color chart

● #ba3aa2 color description : Moderate magenta.

The hexadecimal color #ba3aa2 has RGB values of R:186, G:58, B:162 and CMYK values of C:0, M:0.69, Y:0.13, K:0.27. Its decimal value is 12204706.

Hex triplet	ba3aa2	`#ba3aa2`
RGB Decimal	186, 58, 162	`rgb(186,58,162)`
RGB Percent	72.9, 22.7, 63.5	`rgb(72.9%,22.7%,63.5%)`
CMYK	0, 69, 13, 27
HSL	311.3°, 52.5, 47.8	`hsl(311.3,52.5%,47.8%)`
HSV (or HSB)	311.3°, 68.8, 72.9
Web Safe	cc3399	`#cc3399`

CIE-LAB	47.074, 61.944, -29.284
XYZ	28.284, 16.076, 35.794
xyY	0.353, 0.201, 16.076
CIE-LCH	47.074, 68.517, 334.698
CIE-LUV	47.074, 62.673, -51.626
Hunter-Lab	40.095, 55.754, -24.864
Binary	10111010, 00111010, 10100010

#ba3aa2
```
#ba3aa2 rgb(186,58,162)
```
#3aba52
```
#3aba52 rgb(58,186,82)
```

Complementary Color

#923aba
```
#923aba rgb(146,58,186)
```
#ba3aa2
```
#ba3aa2 rgb(186,58,162)
```
#ba3a62
```
#ba3a62 rgb(186,58,98)
```

Analogous Color

#3aba92
```
#3aba92 rgb(58,186,146)
```
#ba3aa2
```
#ba3aa2 rgb(186,58,162)
```
#62ba3a
```
#62ba3a rgb(98,186,58)
```

Split Complementary Color

#3aa2ba
```
#3aa2ba rgb(58,162,186)
```
#ba3aa2
```
#ba3aa2 rgb(186,58,162)
```
#a2ba3a
```
#a2ba3a rgb(162,186,58)
```

Triadic Color

#523aba
```
#523aba rgb(82,58,186)
```
#ba3aa2
```
#ba3aa2 rgb(186,58,162)
```
#a2ba3a
```
#a2ba3a rgb(162,186,58)
```
#3aba52
```
#3aba52 rgb(58,186,82)
```

Tetradic Color

#80286f
```
#80286f rgb(128,40,111)
```
#932e80
```
#932e80 rgb(147,46,128)
```
#a73491
```
#a73491 rgb(167,52,145)
```
#ba3aa2
```
#ba3aa2 rgb(186,58,162)
```
#c648ae
```
#c648ae rgb(198,72,174)
```
#cc5bb7
```
#cc5bb7 rgb(204,91,183)
```
#d26fbf
```
#d26fbf rgb(210,111,191)
```

Monochromatic Color

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

#b23aba
```
#b23aba rgb(178,58,186)
```
#ba3ab7
```
#ba3ab7 rgb(186,58,183)
```
#ba3aad
```
#ba3aad rgb(186,58,173)
```
#ba3aa2
```
#ba3aa2 rgb(186,58,162)
```
#ba3a97
```
#ba3a97 rgb(186,58,151)
```
#ba3a8d
```
#ba3a8d rgb(186,58,141)
```
#ba3a82
```
#ba3a82 rgb(186,58,130)
```

Similar Colors

Text with hexadecimal color #ba3aa2

This text has a font color of #ba3aa2.

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

#ba3aa2 background color

This paragraph has a background color of #ba3aa2.

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

#ba3aa2 border color

This element has a border color of #ba3aa2.

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

CSS codes

.text {color:#ba3aa2;}

.background {background-color:#ba3aa2;}

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

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, #070206 is the darkest color, while #fcf7fb is the lightest one.

#070206
```
#070206 rgb(7,2,6)
```
#160713
```
#160713 rgb(22,7,19)
```
#240b20
```
#240b20 rgb(36,11,32)
```
#33102d
```
#33102d rgb(51,16,45)
```
#42153a
```
#42153a rgb(66,21,58)
```
#511947
```
#511947 rgb(81,25,71)
```
#601e54
```
#601e54 rgb(96,30,84)
```
#6f2361
```
#6f2361 rgb(111,35,97)
```
#7e276e
```
#7e276e rgb(126,39,110)
```
#8d2c7b
```
#8d2c7b rgb(141,44,123)
```
#9c3188
```
#9c3188 rgb(156,49,136)
```
#ab3595
```
#ab3595 rgb(171,53,149)
```
#ba3aa2
```
#ba3aa2 rgb(186,58,162)
```

Shade Color Variation

#c443ac
```
#c443ac rgb(196,67,172)
```
#c952b3
```
#c952b3 rgb(201,82,179)
```
#ce61b9
```
#ce61b9 rgb(206,97,185)
```
#d270c0
```
#d270c0 rgb(210,112,192)
```
#d77fc7
```
#d77fc7 rgb(215,127,199)
```
#dc8ecd
```
#dc8ecd rgb(220,142,205)
```
#e09dd4
```
#e09dd4 rgb(224,157,212)
```
#e5acda
```
#e5acda rgb(229,172,218)
```
#eabbe1
```
#eabbe1 rgb(234,187,225)
```
#eecae8
```
#eecae8 rgb(238,202,232)
```
#f3d9ee
```
#f3d9ee rgb(243,217,238)
```
#f8e8f5
```
#f8e8f5 rgb(248,232,245)
```
#fcf7fb
```
#fcf7fb rgb(252,247,251)
```

Tint Color Variation

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

#82727f
```
#82727f rgb(130,114,127)
```
#8b6985
```
#8b6985 rgb(139,105,133)
```
#94608b
```
#94608b rgb(148,96,139)
```
#9e5690
```
#9e5690 rgb(158,86,144)
```
#a74d96
```
#a74d96 rgb(167,77,150)
```
#b1439c
```
#b1439c rgb(177,67,156)
```
#ba3aa2
```
#ba3aa2 rgb(186,58,162)
```
#c331a8
```
#c331a8 rgb(195,49,168)
```
#cd27ae
```
#cd27ae rgb(205,39,174)
```
#d61eb4
```
#d61eb4 rgb(214,30,180)
```
#e014b9
```
#e014b9 rgb(224,20,185)
```
#e90bbf
```
#e90bbf rgb(233,11,191)
```
#f202c5
```
#f202c5 rgb(242,2,197)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#7c6277 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b74c8 Protanopia 1% of men
#6d759a Deuteranopia 1% of men
#b55a60 Tritanopia 0.001% of the population

Trichromacy

#735fba Protanomaly 1% of men, 0.01% of women
#895f9d Deuteranomaly 6% of men, 0.4% of women
#b74e78 Tritanomaly 0.01% of the population

#ba3aa2 hex color

#ba3aa2 Color Information

#ba3aa2 Color Conversion

Color Schemes with #ba3aa2

Alternatives to #ba3aa2

#ba3aa2 Preview

Shades and Tints of #ba3aa2

Tones of #ba3aa2

Color Blindness Simulator