#ba5dd5 hex color

In a RGB color space, hex #ba5dd5 is composed of 72.9% red, 36.5% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 12.7% cyan, 56.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 286.5 degrees, a saturation of 58.8% and a lightness of 60%. #ba5dd5 color hex could be obtained by blending #ffbaff with #7500ab. Closest websafe color is: #cc66cc.

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

● #ba5dd5 color description : Moderate magenta.

The hexadecimal color #ba5dd5 has RGB values of R:186, G:93, B:213 and CMYK values of C:0.13, M:0.56, Y:0, K:0.16. Its decimal value is 12213717.

Hex triplet	ba5dd5	`#ba5dd5`
RGB Decimal	186, 93, 213	`rgb(186,93,213)`
RGB Percent	72.9, 36.5, 83.5	`rgb(72.9%,36.5%,83.5%)`
CMYK	13, 56, 0, 16
HSL	286.5°, 58.8, 60	`hsl(286.5,58.8%,60%)`
HSV (or HSB)	286.5°, 56.3, 83.5
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	55.148, 55.67, -46.16
XYZ	36.173, 23.073, 65.495
xyY	0.29, 0.185, 23.073
CIE-LCH	55.148, 72.319, 320.335
CIE-LUV	55.148, 37.397, -78.528
Hunter-Lab	48.035, 50.36, -47.218
Binary	10111010, 01011101, 11010101

#ba5dd5
```
#ba5dd5 rgb(186,93,213)
```
#78d55d
```
#78d55d rgb(120,213,93)
```

Complementary Color

#7e5dd5
```
#7e5dd5 rgb(126,93,213)
```
#ba5dd5
```
#ba5dd5 rgb(186,93,213)
```
#d55db4
```
#d55db4 rgb(213,93,180)
```

Analogous Color

#5dd57e
```
#5dd57e rgb(93,213,126)
```
#ba5dd5
```
#ba5dd5 rgb(186,93,213)
```
#b4d55d
```
#b4d55d rgb(180,213,93)
```

Split Complementary Color

#5dd5ba
```
#5dd5ba rgb(93,213,186)
```
#ba5dd5
```
#ba5dd5 rgb(186,93,213)
```
#d5ba5d
```
#d5ba5d rgb(213,186,93)
```

Triadic Color

#5d78d5
```
#5d78d5 rgb(93,120,213)
```
#ba5dd5
```
#ba5dd5 rgb(186,93,213)
```
#d5ba5d
```
#d5ba5d rgb(213,186,93)
```
#78d55d
```
#78d55d rgb(120,213,93)
```

Tetradic Color

#982fb6
```
#982fb6 rgb(152,47,182)
```
#a935cb
```
#a935cb rgb(169,53,203)
```
#b149d0
```
#b149d0 rgb(177,73,208)
```
#ba5dd5
```
#ba5dd5 rgb(186,93,213)
```
#c371da
```
#c371da rgb(195,113,218)
```
#cb86e0
```
#cb86e0 rgb(203,134,224)
```
#d49ae5
```
#d49ae5 rgb(212,154,229)
```

Monochromatic Color

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

#9c5dd5
```
#9c5dd5 rgb(156,93,213)
```
#a65dd5
```
#a65dd5 rgb(166,93,213)
```
#b05dd5
```
#b05dd5 rgb(176,93,213)
```
#ba5dd5
```
#ba5dd5 rgb(186,93,213)
```
#c45dd5
```
#c45dd5 rgb(196,93,213)
```
#ce5dd5
```
#ce5dd5 rgb(206,93,213)
```
#d55dd2
```
#d55dd2 rgb(213,93,210)
```

Similar Colors

Text with hexadecimal color #ba5dd5

This text has a font color of #ba5dd5.

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

#ba5dd5 background color

This paragraph has a background color of #ba5dd5.

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

#ba5dd5 border color

This element has a border color of #ba5dd5.

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

CSS codes

.text {color:#ba5dd5;}

.background {background-color:#ba5dd5;}

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

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

#080209
```
#080209 rgb(8,2,9)
```
#150619
```
#150619 rgb(21,6,25)
```
#220b29
```
#220b29 rgb(34,11,41)
```
#2f0f38
```
#2f0f38 rgb(47,15,56)
```
#3c1348
```
#3c1348 rgb(60,19,72)
```
#491757
```
#491757 rgb(73,23,87)
```
#561b67
```
#561b67 rgb(86,27,103)
```
#631f76
```
#631f76 rgb(99,31,118)
```
#702386
```
#702386 rgb(112,35,134)
```
#7d2796
```
#7d2796 rgb(125,39,150)
```
#8a2ba5
```
#8a2ba5 rgb(138,43,165)
```
#972fb5
```
#972fb5 rgb(151,47,181)
```
#a433c4
```
#a433c4 rgb(164,51,196)
```

Shade Color Variation

#ad3ecd
```
#ad3ecd rgb(173,62,205)
```
#b34dd1
```
#b34dd1 rgb(179,77,209)
```
#ba5dd5
```
#ba5dd5 rgb(186,93,213)
```
#c16dd9
```
#c16dd9 rgb(193,109,217)
```
#c77cdd
```
#c77cdd rgb(199,124,221)
```
#ce8ce1
```
#ce8ce1 rgb(206,140,225)
```
#d59be5
```
#d59be5 rgb(213,155,229)
```
#dbabe9
```
#dbabe9 rgb(219,171,233)
```
#e2baed
```
#e2baed rgb(226,186,237)
```
#e8caf1
```
#e8caf1 rgb(232,202,241)
```
#efdaf5
```
#efdaf5 rgb(239,218,245)
```
#f6e9f9
```
#f6e9f9 rgb(246,233,249)
```
#fcf9fd
```
#fcf9fd rgb(252,249,253)
```

Tint Color Variation

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

#9c949e
```
#9c949e rgb(156,148,158)
```
#a08ca6
```
#a08ca6 rgb(160,140,166)
```
#a484ae
```
#a484ae rgb(164,132,174)
```
#a97cb6
```
#a97cb6 rgb(169,124,182)
```
#ad75bd
```
#ad75bd rgb(173,117,189)
```
#b16dc5
```
#b16dc5 rgb(177,109,197)
```
#b665cd
```
#b665cd rgb(182,101,205)
```
#ba5dd5
```
#ba5dd5 rgb(186,93,213)
```
#be55dd
```
#be55dd rgb(190,85,221)
```
#c34de5
```
#c34de5 rgb(195,77,229)
```
#c745ed
```
#c745ed rgb(199,69,237)
```
#cb3ef4
```
#cb3ef4 rgb(203,62,244)
```
#d036fc
```
#d036fc rgb(208,54,252)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#907e96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c86f1 Protanopia 1% of men
#678acb Deuteranopia 1% of men
#b07c85 Tritanopia 0.001% of the population

Trichromacy

#7477e7 Protanomaly 1% of men, 0.01% of women
#8579cf Deuteranomaly 6% of men, 0.4% of women
#b371a2 Tritanomaly 0.01% of the population

#ba5dd5 hex color

#ba5dd5 Color Information

#ba5dd5 Color Conversion

Color Schemes with #ba5dd5

Alternatives to #ba5dd5

#ba5dd5 Preview

Shades and Tints of #ba5dd5

Tones of #ba5dd5

Color Blindness Simulator