#ba58dd hex color

In a RGB color space, hex #ba58dd is composed of 72.9% red, 34.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 60.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 284.2 degrees, a saturation of 66.2% and a lightness of 60.6%. #ba58dd color hex could be obtained by blending #ffb0ff with #7500bb. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 35
- B 87
RGB color chart
- C 16
- M 60
- Y 0
- K 13
CMYK color chart

● #ba58dd color description : Soft violet.

The hexadecimal color #ba58dd has RGB values of R:186, G:88, B:221 and CMYK values of C:0.16, M:0.6, Y:0, K:0.13. Its decimal value is 12212445.

Hex triplet	ba58dd	`#ba58dd`
RGB Decimal	186, 88, 221	`rgb(186,88,221)`
RGB Percent	72.9, 34.5, 86.7	`rgb(72.9%,34.5%,86.7%)`
CMYK	16, 60, 0, 13
HSL	284.2°, 66.2, 60.6	`hsl(284.2,66.2%,60.6%)`
HSV (or HSB)	284.2°, 60.2, 86.7
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	54.7, 59.646, -51.401
XYZ	36.789, 22.64, 70.835
xyY	0.282, 0.174, 22.64
CIE-LCH	54.7, 78.738, 319.246
CIE-LUV	54.7, 37.008, -86.988
Hunter-Lab	47.582, 54.743, -54.957
Binary	10111010, 01011000, 11011101

#ba58dd
```
#ba58dd rgb(186,88,221)
```
#7bdd58
```
#7bdd58 rgb(123,221,88)
```

Complementary Color

#7858dd
```
#7858dd rgb(120,88,221)
```
#ba58dd
```
#ba58dd rgb(186,88,221)
```
#dd58be
```
#dd58be rgb(221,88,190)
```

Analogous Color

#58dd78
```
#58dd78 rgb(88,221,120)
```
#ba58dd
```
#ba58dd rgb(186,88,221)
```
#bedd58
```
#bedd58 rgb(190,221,88)
```

Split Complementary Color

#58ddba
```
#58ddba rgb(88,221,186)
```
#ba58dd
```
#ba58dd rgb(186,88,221)
```
#ddba58
```
#ddba58 rgb(221,186,88)
```

Triadic Color

#587bdd
```
#587bdd rgb(88,123,221)
```
#ba58dd
```
#ba58dd rgb(186,88,221)
```
#ddba58
```
#ddba58 rgb(221,186,88)
```
#7bdd58
```
#7bdd58 rgb(123,221,88)
```

Tetradic Color

#9927c1
```
#9927c1 rgb(153,39,193)
```
#a82ed4
```
#a82ed4 rgb(168,46,212)
```
#b143d9
```
#b143d9 rgb(177,67,217)
```
#ba58dd
```
#ba58dd rgb(186,88,221)
```
#c36de1
```
#c36de1 rgb(195,109,225)
```
#cc82e6
```
#cc82e6 rgb(204,130,230)
```
#d498ea
```
#d498ea rgb(212,152,234)
```

Monochromatic Color

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

#9958dd
```
#9958dd rgb(153,88,221)
```
#a458dd
```
#a458dd rgb(164,88,221)
```
#af58dd
```
#af58dd rgb(175,88,221)
```
#ba58dd
```
#ba58dd rgb(186,88,221)
```
#c558dd
```
#c558dd rgb(197,88,221)
```
#d058dd
```
#d058dd rgb(208,88,221)
```
#db58dd
```
#db58dd rgb(219,88,221)
```

Similar Colors

Text with hexadecimal color #ba58dd

This text has a font color of #ba58dd.

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

#ba58dd background color

This paragraph has a background color of #ba58dd.

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

#ba58dd border color

This element has a border color of #ba58dd.

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

CSS codes

.text {color:#ba58dd;}

.background {background-color:#ba58dd;}

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

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

#0a020c
```
#0a020c rgb(10,2,12)
```
#17061d
```
#17061d rgb(23,6,29)
```
#23092d
```
#23092d rgb(35,9,45)
```
#300c3d
```
#300c3d rgb(48,12,61)
```
#3d104d
```
#3d104d rgb(61,16,77)
```
#4a135e
```
#4a135e rgb(74,19,94)
```
#57166e
```
#57166e rgb(87,22,110)
```
#641a7e
```
#641a7e rgb(100,26,126)
```
#711d8f
```
#711d8f rgb(113,29,143)
```
#7e209f
```
#7e209f rgb(126,32,159)
```
#8b24af
```
#8b24af rgb(139,36,175)
```
#9727c0
```
#9727c0 rgb(151,39,192)
```
#a42ad0
```
#a42ad0 rgb(164,42,208)
```

Shade Color Variation

#ad37d6
```
#ad37d6 rgb(173,55,214)
```
#b348da
```
#b348da rgb(179,72,218)
```
#ba58dd
```
#ba58dd rgb(186,88,221)
```
#c168e0
```
#c168e0 rgb(193,104,224)
```
#c779e4
```
#c779e4 rgb(199,121,228)
```
#ce89e7
```
#ce89e7 rgb(206,137,231)
```
#d599ea
```
#d599ea rgb(213,153,234)
```
#dca9ee
```
#dca9ee rgb(220,169,238)
```
#e2baf1
```
#e2baf1 rgb(226,186,241)
```
#e9caf4
```
#e9caf4 rgb(233,202,244)
```
#f0daf8
```
#f0daf8 rgb(240,218,248)
```
#f7ebfb
```
#f7ebfb rgb(247,235,251)
```
#fdfbfe
```
#fdfbfe rgb(253,251,254)
```

Tint Color Variation

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

#9d969f
```
#9d969f rgb(157,150,159)
```
#a08ea7
```
#a08ea7 rgb(160,142,167)
```
#a486af
```
#a486af rgb(164,134,175)
```
#a87fb6
```
#a87fb6 rgb(168,127,182)
```
#ab77be
```
#ab77be rgb(171,119,190)
```
#af6fc6
```
#af6fc6 rgb(175,111,198)
```
#b367ce
```
#b367ce rgb(179,103,206)
```
#b660d5
```
#b660d5 rgb(182,96,213)
```
#ba58dd
```
#ba58dd rgb(186,88,221)
```
#be50e5
```
#be50e5 rgb(190,80,229)
```
#c149ec
```
#c149ec rgb(193,73,236)
```
#c541f4
```
#c541f4 rgb(197,65,244)
```
#c939fc
```
#c939fc rgb(201,57,252)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8f7b96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3385fd Protanopia 1% of men
#5b89d1 Deuteranopia 1% of men
#ae7b84 Tritanopia 0.001% of the population

Trichromacy

#6474f1 Protanomaly 1% of men, 0.01% of women
#7e77d5 Deuteranomaly 6% of men, 0.4% of women
#b26ea4 Tritanomaly 0.01% of the population

#ba58dd hex color

#ba58dd Color Information

#ba58dd Color Conversion

Color Schemes with #ba58dd

Alternatives to #ba58dd

#ba58dd Preview

Shades and Tints of #ba58dd

Tones of #ba58dd

Color Blindness Simulator