#ba5bd5 hex color

In a RGB color space, hex #ba5bd5 is composed of 72.9% red, 35.7% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 12.7% cyan, 57.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 286.7 degrees, a saturation of 59.2% and a lightness of 59.6%. #ba5bd5 color hex could be obtained by blending #ffb6ff with #7500ab. Closest websafe color is: #cc66cc.

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

● #ba5bd5 color description : Moderate magenta.

The hexadecimal color #ba5bd5 has RGB values of R:186, G:91, B:213 and CMYK values of C:0.13, M:0.57, Y:0, K:0.16. Its decimal value is 12213205.

Hex triplet	ba5bd5	`#ba5bd5`
RGB Decimal	186, 91, 213	`rgb(186,91,213)`
RGB Percent	72.9, 35.7, 83.5	`rgb(72.9%,35.7%,83.5%)`
CMYK	13, 57, 0, 16
HSL	286.7°, 59.2, 59.6	`hsl(286.7,59.2%,59.6%)`
HSV (or HSB)	286.7°, 57.3, 83.5
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	54.79, 56.634, -46.728
XYZ	36, 22.727, 65.438
xyY	0.29, 0.183, 22.727
CIE-LCH	54.79, 73.423, 320.474
CIE-LUV	54.79, 38.016, -79.421
Hunter-Lab	47.673, 51.366, -48.013
Binary	10111010, 01011011, 11010101

#ba5bd5
```
#ba5bd5 rgb(186,91,213)
```
#76d55b
```
#76d55b rgb(118,213,91)
```

Complementary Color

#7d5bd5
```
#7d5bd5 rgb(125,91,213)
```
#ba5bd5
```
#ba5bd5 rgb(186,91,213)
```
#d55bb3
```
#d55bb3 rgb(213,91,179)
```

Analogous Color

#5bd57d
```
#5bd57d rgb(91,213,125)
```
#ba5bd5
```
#ba5bd5 rgb(186,91,213)
```
#b3d55b
```
#b3d55b rgb(179,213,91)
```

Split Complementary Color

#5bd5ba
```
#5bd5ba rgb(91,213,186)
```
#ba5bd5
```
#ba5bd5 rgb(186,91,213)
```
#d5ba5b
```
#d5ba5b rgb(213,186,91)
```

Triadic Color

#5b76d5
```
#5b76d5 rgb(91,118,213)
```
#ba5bd5
```
#ba5bd5 rgb(186,91,213)
```
#d5ba5b
```
#d5ba5b rgb(213,186,91)
```
#76d55b
```
#76d55b rgb(118,213,91)
```

Tetradic Color

#972eb5
```
#972eb5 rgb(151,46,181)
```
#a834c9
```
#a834c9 rgb(168,52,201)
```
#b147d0
```
#b147d0 rgb(177,71,208)
```
#ba5bd5
```
#ba5bd5 rgb(186,91,213)
```
#c36fda
```
#c36fda rgb(195,111,218)
```
#cb84df
```
#cb84df rgb(203,132,223)
```
#d498e5
```
#d498e5 rgb(212,152,229)
```

Monochromatic Color

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

#9c5bd5
```
#9c5bd5 rgb(156,91,213)
```
#a65bd5
```
#a65bd5 rgb(166,91,213)
```
#b05bd5
```
#b05bd5 rgb(176,91,213)
```
#ba5bd5
```
#ba5bd5 rgb(186,91,213)
```
#c45bd5
```
#c45bd5 rgb(196,91,213)
```
#ce5bd5
```
#ce5bd5 rgb(206,91,213)
```
#d55bd2
```
#d55bd2 rgb(213,91,210)
```

Similar Colors

Text with hexadecimal color #ba5bd5

This text has a font color of #ba5bd5.

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

#ba5bd5 background color

This paragraph has a background color of #ba5bd5.

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

#ba5bd5 border color

This element has a border color of #ba5bd5.

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

CSS codes

.text {color:#ba5bd5;}

.background {background-color:#ba5bd5;}

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

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

#060208
```
#060208 rgb(6,2,8)
```
#140617
```
#140617 rgb(20,6,23)
```
#210a27
```
#210a27 rgb(33,10,39)
```
#2e0e37
```
#2e0e37 rgb(46,14,55)
```
#3b1246
```
#3b1246 rgb(59,18,70)
```
#481656
```
#481656 rgb(72,22,86)
```
#551a65
```
#551a65 rgb(85,26,101)
```
#621e75
```
#621e75 rgb(98,30,117)
```
#6f2285
```
#6f2285 rgb(111,34,133)
```
#7c2694
```
#7c2694 rgb(124,38,148)
```
#892aa4
```
#892aa4 rgb(137,42,164)
```
#962eb4
```
#962eb4 rgb(150,46,180)
```
#a332c3
```
#a332c3 rgb(163,50,195)
```

Shade Color Variation

#ad3ccd
```
#ad3ccd rgb(173,60,205)
```
#b34bd1
```
#b34bd1 rgb(179,75,209)
```
#ba5bd5
```
#ba5bd5 rgb(186,91,213)
```
#c16bd9
```
#c16bd9 rgb(193,107,217)
```
#c77add
```
#c77add rgb(199,122,221)
```
#ce8ae1
```
#ce8ae1 rgb(206,138,225)
```
#d499e5
```
#d499e5 rgb(212,153,229)
```
#dba9e9
```
#dba9e9 rgb(219,169,233)
```
#e1b9ed
```
#e1b9ed rgb(225,185,237)
```
#e8c8f1
```
#e8c8f1 rgb(232,200,241)
```
#efd8f5
```
#efd8f5 rgb(239,216,245)
```
#f5e8f9
```
#f5e8f9 rgb(245,232,249)
```
#fcf7fd
```
#fcf7fd rgb(252,247,253)
```

Tint Color Variation

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

#9b929e
```
#9b929e rgb(155,146,158)
```
#a08ba5
```
#a08ba5 rgb(160,139,165)
```
#a483ad
```
#a483ad rgb(164,131,173)
```
#a87bb5
```
#a87bb5 rgb(168,123,181)
```
#ad73bd
```
#ad73bd rgb(173,115,189)
```
#b16bc5
```
#b16bc5 rgb(177,107,197)
```
#b663cd
```
#b663cd rgb(182,99,205)
```
#ba5bd5
```
#ba5bd5 rgb(186,91,213)
```
#be53dd
```
#be53dd rgb(190,83,221)
```
#c34be5
```
#c34be5 rgb(195,75,229)
```
#c743ed
```
#c743ed rgb(199,67,237)
```
#cc3bf5
```
#cc3bf5 rgb(204,59,245)
```
#d033fd
```
#d033fd rgb(208,51,253)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#907d95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4885f2 Protanopia 1% of men
#6589cb Deuteranopia 1% of men
#af7b83 Tritanopia 0.001% of the population

Trichromacy

#7176e8 Protanomaly 1% of men, 0.01% of women
#8478ce Deuteranomaly 6% of men, 0.4% of women
#b36fa1 Tritanomaly 0.01% of the population

#ba5bd5 hex color

#ba5bd5 Color Information

#ba5bd5 Color Conversion

Color Schemes with #ba5bd5

Alternatives to #ba5bd5

#ba5bd5 Preview

Shades and Tints of #ba5bd5

Tones of #ba5bd5

Color Blindness Simulator