#ba3bd5 hex color

In a RGB color space, hex #ba3bd5 is composed of 72.9% red, 23.1% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 12.7% cyan, 72.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 289.5 degrees, a saturation of 64.7% and a lightness of 53.3%. #ba3bd5 color hex could be obtained by blending #ff76ff with #7500ab. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 23
- B 84
RGB color chart
- C 13
- M 72
- Y 0
- K 16
CMYK color chart

● #ba3bd5 color description : Moderate magenta.

The hexadecimal color #ba3bd5 has RGB values of R:186, G:59, B:213 and CMYK values of C:0.13, M:0.72, Y:0, K:0.16. Its decimal value is 12205013.

Hex triplet	ba3bd5	`#ba3bd5`
RGB Decimal	186, 59, 213	`rgb(186,59,213)`
RGB Percent	72.9, 23.1, 83.5	`rgb(72.9%,23.1%,83.5%)`
CMYK	13, 72, 0, 16
HSL	289.5°, 64.7, 53.3	`hsl(289.5,64.7%,53.3%)`
HSV (or HSB)	289.5°, 72.3, 83.5
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	49.945, 70.072, -54.455
XYZ	33.823, 18.373, 64.712
xyY	0.289, 0.157, 18.373
CIE-LCH	49.945, 88.743, 322.148
CIE-LUV	49.945, 45.991, -90.873
Hunter-Lab	42.863, 65.839, -59.507
Binary	10111010, 00111011, 11010101

#ba3bd5
```
#ba3bd5 rgb(186,59,213)
```
#56d53b
```
#56d53b rgb(86,213,59)
```

Complementary Color

#6d3bd5
```
#6d3bd5 rgb(109,59,213)
```
#ba3bd5
```
#ba3bd5 rgb(186,59,213)
```
#d53ba3
```
#d53ba3 rgb(213,59,163)
```

Analogous Color

#3bd56d
```
#3bd56d rgb(59,213,109)
```
#ba3bd5
```
#ba3bd5 rgb(186,59,213)
```
#a3d53b
```
#a3d53b rgb(163,213,59)
```

Split Complementary Color

#3bd5ba
```
#3bd5ba rgb(59,213,186)
```
#ba3bd5
```
#ba3bd5 rgb(186,59,213)
```
#d5ba3b
```
#d5ba3b rgb(213,186,59)
```

Triadic Color

#3b56d5
```
#3b56d5 rgb(59,86,213)
```
#ba3bd5
```
#ba3bd5 rgb(186,59,213)
```
#d5ba3b
```
#d5ba3b rgb(213,186,59)
```
#56d53b
```
#56d53b rgb(86,213,59)
```

Tetradic Color

#8b23a1
```
#8b23a1 rgb(139,35,161)
```
#9d27b6
```
#9d27b6 rgb(157,39,182)
```
#af2ccb
```
#af2ccb rgb(175,44,203)
```
#ba3bd5
```
#ba3bd5 rgb(186,59,213)
```
#c150da
```
#c150da rgb(193,80,218)
```
#c965de
```
#c965de rgb(201,101,222)
```
#d07ae3
```
#d07ae3 rgb(208,122,227)
```

Monochromatic Color

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

#943bd5
```
#943bd5 rgb(148,59,213)
```
#a03bd5
```
#a03bd5 rgb(160,59,213)
```
#ad3bd5
```
#ad3bd5 rgb(173,59,213)
```
#ba3bd5
```
#ba3bd5 rgb(186,59,213)
```
#c73bd5
```
#c73bd5 rgb(199,59,213)
```
#d43bd5
```
#d43bd5 rgb(212,59,213)
```
#d53bca
```
#d53bca rgb(213,59,202)
```

Similar Colors

Text with hexadecimal color #ba3bd5

This text has a font color of #ba3bd5.

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

#ba3bd5 background color

This paragraph has a background color of #ba3bd5.

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

#ba3bd5 border color

This element has a border color of #ba3bd5.

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

CSS codes

.text {color:#ba3bd5;}

.background {background-color:#ba3bd5;}

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

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

#0c030e
```
#0c030e rgb(12,3,14)
```
#1a061e
```
#1a061e rgb(26,6,30)
```
#280a2e
```
#280a2e rgb(40,10,46)
```
#360d3e
```
#360d3e rgb(54,13,62)
```
#44114f
```
#44114f rgb(68,17,79)
```
#52145f
```
#52145f rgb(82,20,95)
```
#60186f
```
#60186f rgb(96,24,111)
```
#6e1b7f
```
#6e1b7f rgb(110,27,127)
```
#7c1f8f
```
#7c1f8f rgb(124,31,143)
```
#89229f
```
#89229f rgb(137,34,159)
```
#9726b0
```
#9726b0 rgb(151,38,176)
```
#a529c0
```
#a529c0 rgb(165,41,192)
```
#b32dd0
```
#b32dd0 rgb(179,45,208)
```

Shade Color Variation

#ba3bd5
```
#ba3bd5 rgb(186,59,213)
```
#c04bd8
```
#c04bd8 rgb(192,75,216)
```
#c55bdc
```
#c55bdc rgb(197,91,220)
```
#cb6bdf
```
#cb6bdf rgb(203,107,223)
```
#d17ce3
```
#d17ce3 rgb(209,124,227)
```
#d68ce6
```
#d68ce6 rgb(214,140,230)
```
#dc9cea
```
#dc9cea rgb(220,156,234)
```
#e2aced
```
#e2aced rgb(226,172,237)
```
#e7bcf1
```
#e7bcf1 rgb(231,188,241)
```
#edccf4
```
#edccf4 rgb(237,204,244)
```
#f3ddf8
```
#f3ddf8 rgb(243,221,248)
```
#f9edfb
```
#f9edfb rgb(249,237,251)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#8a848c
```
#8a848c rgb(138,132,140)
```
#907b95
```
#907b95 rgb(144,123,149)
```
#96729e
```
#96729e rgb(150,114,158)
```
#9c69a7
```
#9c69a7 rgb(156,105,167)
```
#a260b0
```
#a260b0 rgb(162,96,176)
```
#a856ba
```
#a856ba rgb(168,86,186)
```
#ae4dc3
```
#ae4dc3 rgb(174,77,195)
```
#b444cc
```
#b444cc rgb(180,68,204)
```
#ba3bd5
```
#ba3bd5 rgb(186,59,213)
```
#c032de
```
#c032de rgb(192,50,222)
```
#c629e7
```
#c629e7 rgb(198,41,231)
```
#cc20f0
```
#cc20f0 rgb(204,32,240)
```
#d216fa
```
#d216fa rgb(210,22,250)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#816887 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aee Protanopia 1% of men
#487ec6 Deuteranopia 1% of men
#ad6a71 Tritanopia 0.001% of the population

Trichromacy

#4363e5 Protanomaly 1% of men, 0.01% of women
#7166cc Deuteranomaly 6% of men, 0.4% of women
#b25995 Tritanomaly 0.01% of the population

#ba3bd5 hex color

#ba3bd5 Color Information

#ba3bd5 Color Conversion

Color Schemes with #ba3bd5

Alternatives to #ba3bd5

#ba3bd5 Preview

Shades and Tints of #ba3bd5

Tones of #ba3bd5

Color Blindness Simulator