colorhexa.com

#ba3a7a hex color

In a RGB color space, hex #ba3a7a is composed of 72.9% red, 22.7% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.8% magenta, 34.4% yellow and 27.1% black. It has a hue angle of 330 degrees, a saturation of 52.5% and a lightness of 47.8%. #ba3a7a color hex could be obtained by blending #ff74f4 with #750000. Closest websafe color is: #cc3366.

- R 73
- G 23
- B 48
RGB color chart
- C 0
- M 69
- Y 34
- K 27
CMYK color chart

● #ba3a7a color description : Moderate pink.

The hexadecimal color #ba3a7a has RGB values of R:186, G:58, B:122 and CMYK values of C:0, M:0.69, Y:0.34, K:0.27. Its decimal value is 12204666.

Hex triplet	ba3a7a	`#ba3a7a`
RGB Decimal	186, 58, 122	`rgb(186,58,122)`
RGB Percent	72.9, 22.7, 47.8	`rgb(72.9%,22.7%,47.8%)`
CMYK	0, 69, 34, 27
HSL	330°, 52.5, 47.8	`hsl(330,52.5%,47.8%)`
HSV (or HSB)	330°, 68.8, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.459, 56.623, -7.632
XYZ	25.276, 14.873, 19.951
xyY	0.421, 0.247, 14.873
CIE-LCH	45.459, 57.135, 352.324
CIE-LUV	45.459, 76.937, -20.125
Hunter-Lab	38.565, 49.502, -3.677
Binary	10111010, 00111010, 01111010

#ba3a7a
```
#ba3a7a rgb(186,58,122)
```
#3aba7a
```
#3aba7a rgb(58,186,122)
```

Complementary Color

#ba3aba
```
#ba3aba rgb(186,58,186)
```
#ba3a7a
```
#ba3a7a rgb(186,58,122)
```
#ba3a3a
```
#ba3a3a rgb(186,58,58)
```

Analogous Color

#3ababa
```
#3ababa rgb(58,186,186)
```
#ba3a7a
```
#ba3a7a rgb(186,58,122)
```
#3aba3a
```
#3aba3a rgb(58,186,58)
```

Split Complementary Color

#3a7aba
```
#3a7aba rgb(58,122,186)
```
#ba3a7a
```
#ba3a7a rgb(186,58,122)
```
#7aba3a
```
#7aba3a rgb(122,186,58)
```

Triadic Color

#7a3aba
```
#7a3aba rgb(122,58,186)
```
#ba3a7a
```
#ba3a7a rgb(186,58,122)
```
#7aba3a
```
#7aba3a rgb(122,186,58)
```
#3aba7a
```
#3aba7a rgb(58,186,122)
```

Tetradic Color

#802854
```
#802854 rgb(128,40,84)
```
#932e61
```
#932e61 rgb(147,46,97)
```
#a7346d
```
#a7346d rgb(167,52,109)
```
#ba3a7a
```
#ba3a7a rgb(186,58,122)
```
#c64887
```
#c64887 rgb(198,72,135)
```
#cc5b94
```
#cc5b94 rgb(204,91,148)
```
#d26fa0
```
#d26fa0 rgb(210,111,160)
```

Monochromatic Color

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

#ba3a9a
```
#ba3a9a rgb(186,58,154)
```
#ba3a8f
```
#ba3a8f rgb(186,58,143)
```
#ba3a85
```
#ba3a85 rgb(186,58,133)
```
#ba3a7a
```
#ba3a7a rgb(186,58,122)
```
#ba3a6f
```
#ba3a6f rgb(186,58,111)
```
#ba3a65
```
#ba3a65 rgb(186,58,101)
```
#ba3a5a
```
#ba3a5a rgb(186,58,90)
```

Similar Colors

Text with hexadecimal color #ba3a7a

This text has a font color of #ba3a7a.

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

#ba3a7a background color

This paragraph has a background color of #ba3a7a.

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

#ba3a7a border color

This element has a border color of #ba3a7a.

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

CSS codes

.text {color:#ba3a7a;}

.background {background-color:#ba3a7a;}

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

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

#070204
```
#070204 rgb(7,2,4)
```
#16070e
```
#16070e rgb(22,7,14)
```
#240b18
```
#240b18 rgb(36,11,24)
```
#331022
```
#331022 rgb(51,16,34)
```
#42152c
```
#42152c rgb(66,21,44)
```
#511935
```
#511935 rgb(81,25,53)
```
#601e3f
```
#601e3f rgb(96,30,63)
```
#6f2349
```
#6f2349 rgb(111,35,73)
```
#7e2753
```
#7e2753 rgb(126,39,83)
```
#8d2c5d
```
#8d2c5d rgb(141,44,93)
```
#9c3166
```
#9c3166 rgb(156,49,102)
```
#ab3570
```
#ab3570 rgb(171,53,112)
```
#ba3a7a
```
#ba3a7a rgb(186,58,122)
```

Shade Color Variation

#c44384
```
#c44384 rgb(196,67,132)
```
#c9528e
```
#c9528e rgb(201,82,142)
```
#ce6197
```
#ce6197 rgb(206,97,151)
```
#d270a1
```
#d270a1 rgb(210,112,161)
```
#d77fab
```
#d77fab rgb(215,127,171)
```
#dc8eb5
```
#dc8eb5 rgb(220,142,181)
```
#e09dbf
```
#e09dbf rgb(224,157,191)
```
#e5acc8
```
#e5acc8 rgb(229,172,200)
```
#eabbd2
```
#eabbd2 rgb(234,187,210)
```
#eecadc
```
#eecadc rgb(238,202,220)
```
#f3d9e6
```
#f3d9e6 rgb(243,217,230)
```
#f8e8f0
```
#f8e8f0 rgb(248,232,240)
```
#fcf7fa
```
#fcf7fa rgb(252,247,250)
```

Tint Color Variation

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

#82727a
```
#82727a rgb(130,114,122)
```
#8b697a
```
#8b697a rgb(139,105,122)
```
#94607a
```
#94607a rgb(148,96,122)
```
#9e567a
```
#9e567a rgb(158,86,122)
```
#a74d7a
```
#a74d7a rgb(167,77,122)
```
#b1437a
```
#b1437a rgb(177,67,122)
```
#ba3a7a
```
#ba3a7a rgb(186,58,122)
```
#c3317a
```
#c3317a rgb(195,49,122)
```
#cd277a
```
#cd277a rgb(205,39,122)
```
#d61e7a
```
#d61e7a rgb(214,30,122)
```
#e0147a
```
#e0147a rgb(224,20,122)
```
#e90b7a
```
#e90b7a rgb(233,11,122)
```
#f2027a
```
#f2027a rgb(242,2,122)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#785f6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#65719b Protanopia 1% of men
#7c7077 Deuteranopia 1% of men
#ba4f54 Tritanopia 0.001% of the population

Trichromacy

#845d8f Protanomaly 1% of men, 0.01% of women
#925c78 Deuteranomaly 6% of men, 0.4% of women
#ba4762 Tritanomaly 0.01% of the population