#ba2ba3 hex color

In a RGB color space, hex #ba2ba3 is composed of 72.9% red, 16.9% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.9% magenta, 12.4% yellow and 27.1% black. It has a hue angle of 309.7 degrees, a saturation of 62.4% and a lightness of 44.9%. #ba2ba3 color hex could be obtained by blending #ff56ff with #750047. 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

● #ba2ba3 color description : Strong magenta.

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

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

CIE-LAB	45.377, 67.039, -32.534
XYZ	27.724, 14.813, 36.047
xyY	0.353, 0.189, 14.813
CIE-LCH	45.377, 74.516, 334.113
CIE-LUV	45.377, 65.993, -56.633
Hunter-Lab	38.488, 61.225, -28.589
Binary	10111010, 00101011, 10100011

#ba2ba3
```
#ba2ba3 rgb(186,43,163)
```
#2bba42
```
#2bba42 rgb(43,186,66)
```

Complementary Color

#8a2bba
```
#8a2bba rgb(138,43,186)
```
#ba2ba3
```
#ba2ba3 rgb(186,43,163)
```
#ba2b5c
```
#ba2b5c rgb(186,43,92)
```

Analogous Color

#2bba8a
```
#2bba8a rgb(43,186,138)
```
#ba2ba3
```
#ba2ba3 rgb(186,43,163)
```
#5cba2b
```
#5cba2b rgb(92,186,43)
```

Split Complementary Color

#2ba3ba
```
#2ba3ba rgb(43,163,186)
```
#ba2ba3
```
#ba2ba3 rgb(186,43,163)
```
#a3ba2b
```
#a3ba2b rgb(163,186,43)
```

Triadic Color

#422bba
```
#422bba rgb(66,43,186)
```
#ba2ba3
```
#ba2ba3 rgb(186,43,163)
```
#a3ba2b
```
#a3ba2b rgb(163,186,43)
```
#2bba42
```
#2bba42 rgb(43,186,66)
```

Tetradic Color

#7c1d6d
```
#7c1d6d rgb(124,29,109)
```
#91217f
```
#91217f rgb(145,33,127)
```
#a52691
```
#a52691 rgb(165,38,145)
```
#ba2ba3
```
#ba2ba3 rgb(186,43,163)
```
#cf30b5
```
#cf30b5 rgb(207,48,181)
```
#d444bd
```
#d444bd rgb(212,68,189)
```
#d959c4
```
#d959c4 rgb(217,89,196)
```

Monochromatic Color

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

#ad2bba
```
#ad2bba rgb(173,43,186)
```
#b92bba
```
#b92bba rgb(185,43,186)
```
#ba2baf
```
#ba2baf rgb(186,43,175)
```
#ba2ba3
```
#ba2ba3 rgb(186,43,163)
```
#ba2b97
```
#ba2b97 rgb(186,43,151)
```
#ba2b8b
```
#ba2b8b rgb(186,43,139)
```
#ba2b7f
```
#ba2b7f rgb(186,43,127)
```

Similar Colors

Text with hexadecimal color #ba2ba3

This text has a font color of #ba2ba3.

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

#ba2ba3 background color

This paragraph has a background color of #ba2ba3.

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

#ba2ba3 border color

This element has a border color of #ba2ba3.

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

CSS codes

.text {color:#ba2ba3;}

.background {background-color:#ba2ba3;}

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

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)
```
#1b0617
```
#1b0617 rgb(27,6,23)
```
#2b0a25
```
#2b0a25 rgb(43,10,37)
```
#3b0e33
```
#3b0e33 rgb(59,14,51)
```
#4a1141
```
#4a1141 rgb(74,17,65)
```
#5a154f
```
#5a154f rgb(90,21,79)
```
#6a195d
```
#6a195d rgb(106,25,93)
```
#7a1c6b
```
#7a1c6b rgb(122,28,107)
```
#8a2079
```
#8a2079 rgb(138,32,121)
```
#9a2487
```
#9a2487 rgb(154,36,135)
```
#aa2795
```
#aa2795 rgb(170,39,149)
```
#ba2ba3
```
#ba2ba3 rgb(186,43,163)
```
#ca2fb1
```
#ca2fb1 rgb(202,47,177)
```

Shade Color Variation

#d23bb9
```
#d23bb9 rgb(210,59,185)
```
#d54bbf
```
#d54bbf rgb(213,75,191)
```
#d95ac5
```
#d95ac5 rgb(217,90,197)
```
#dd6aca
```
#dd6aca rgb(221,106,202)
```
#e07ad0
```
#e07ad0 rgb(224,122,208)
```
#e48ad6
```
#e48ad6 rgb(228,138,214)
```
#e89adb
```
#e89adb rgb(232,154,219)
```
#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 #dd08bb is the most saturated one.

#747173
```
#747173 rgb(116,113,115)
```
#7c6979
```
#7c6979 rgb(124,105,121)
```
#85607f
```
#85607f rgb(133,96,127)
```
#8e5785
```
#8e5785 rgb(142,87,133)
```
#974e8b
```
#974e8b rgb(151,78,139)
```
#a04591
```
#a04591 rgb(160,69,145)
```
#a83d97
```
#a83d97 rgb(168,61,151)
```
#b1349d
```
#b1349d rgb(177,52,157)
```
#ba2ba3
```
#ba2ba3 rgb(186,43,163)
```
#c322a9
```
#c322a9 rgb(195,34,169)
```
#cc19af
```
#cc19af rgb(204,25,175)
```
#d411b5
```
#d411b5 rgb(212,17,181)
```
#dd08bb
```
#dd08bb rgb(221,8,187)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#745870 Atypical Achromatopsia 0.001% of the population

Dichromacy

#336fd0 Protanopia 1% of men
#65719a Deuteranopia 1% of men
#b55358 Tritanopia 0.001% of the population

Trichromacy

#6456c0 Protanomaly 1% of men, 0.01% of women
#84589d Deuteranomaly 6% of men, 0.4% of women
#b64473 Tritanomaly 0.01% of the population

#ba2ba3 hex color

#ba2ba3 Color Information

#ba2ba3 Color Conversion

Color Schemes with #ba2ba3

Alternatives to #ba2ba3

#ba2ba3 Preview

Shades and Tints of #ba2ba3

Tones of #ba2ba3

Color Blindness Simulator