#ba60dc hex color

In a RGB color space, hex #ba60dc is composed of 72.9% red, 37.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 56.4% magenta, 0% yellow and 13.7% black. It has a hue angle of 283.5 degrees, a saturation of 63.9% and a lightness of 62%. #ba60dc color hex could be obtained by blending #ffc0ff with #7500b9. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 38
- B 86
RGB color chart
- C 15
- M 56
- Y 0
- K 14
CMYK color chart

● #ba60dc color description : Soft violet.

The hexadecimal color #ba60dc has RGB values of R:186, G:96, B:220 and CMYK values of C:0.15, M:0.56, Y:0, K:0.14. Its decimal value is 12214492.

Hex triplet	ba60dc	`#ba60dc`
RGB Decimal	186, 96, 220	`rgb(186,96,220)`
RGB Percent	72.9, 37.6, 86.3	`rgb(72.9%,37.6%,86.3%)`
CMYK	15, 56, 0, 14
HSL	283.5°, 63.9, 62	`hsl(283.5,63.9%,62%)`
HSV (or HSB)	283.5°, 56.4, 86.3
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	56.061, 55.619, -48.671
XYZ	37.349, 23.973, 70.366
xyY	0.284, 0.182, 23.973
CIE-LCH	56.061, 73.908, 318.812
CIE-LUV	56.061, 34.879, -82.715
Hunter-Lab	48.963, 50.477, -50.934
Binary	10111010, 01100000, 11011100

#ba60dc
```
#ba60dc rgb(186,96,220)
```
#82dc60
```
#82dc60 rgb(130,220,96)
```

Complementary Color

#7c60dc
```
#7c60dc rgb(124,96,220)
```
#ba60dc
```
#ba60dc rgb(186,96,220)
```
#dc60c0
```
#dc60c0 rgb(220,96,192)
```

Analogous Color

#60dc7c
```
#60dc7c rgb(96,220,124)
```
#ba60dc
```
#ba60dc rgb(186,96,220)
```
#c0dc60
```
#c0dc60 rgb(192,220,96)
```

Split Complementary Color

#60dcba
```
#60dcba rgb(96,220,186)
```
#ba60dc
```
#ba60dc rgb(186,96,220)
```
#dcba60
```
#dcba60 rgb(220,186,96)
```

Triadic Color

#6082dc
```
#6082dc rgb(96,130,220)
```
#ba60dc
```
#ba60dc rgb(186,96,220)
```
#dcba60
```
#dcba60 rgb(220,186,96)
```
#82dc60
```
#82dc60 rgb(130,220,96)
```

Tetradic Color

#9a2bc4
```
#9a2bc4 rgb(154,43,196)
```
#a836d3
```
#a836d3 rgb(168,54,211)
```
#b14bd7
```
#b14bd7 rgb(177,75,215)
```
#ba60dc
```
#ba60dc rgb(186,96,220)
```
#c375e1
```
#c375e1 rgb(195,117,225)
```
#cc8ae5
```
#cc8ae5 rgb(204,138,229)
```
#d59fea
```
#d59fea rgb(213,159,234)
```

Monochromatic Color

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

#9b60dc
```
#9b60dc rgb(155,96,220)
```
#a560dc
```
#a560dc rgb(165,96,220)
```
#b060dc
```
#b060dc rgb(176,96,220)
```
#ba60dc
```
#ba60dc rgb(186,96,220)
```
#c460dc
```
#c460dc rgb(196,96,220)
```
#cf60dc
```
#cf60dc rgb(207,96,220)
```
#d960dc
```
#d960dc rgb(217,96,220)
```

Similar Colors

Text with hexadecimal color #ba60dc

This text has a font color of #ba60dc.

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

#ba60dc background color

This paragraph has a background color of #ba60dc.

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

#ba60dc border color

This element has a border color of #ba60dc.

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

CSS codes

.text {color:#ba60dc;}

.background {background-color:#ba60dc;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0e0412
```
#0e0412 rgb(14,4,18)
```
#1b0722
```
#1b0722 rgb(27,7,34)
```
#270b32
```
#270b32 rgb(39,11,50)
```
#340f42
```
#340f42 rgb(52,15,66)
```
#411252
```
#411252 rgb(65,18,82)
```
#4d1662
```
#4d1662 rgb(77,22,98)
```
#5a1972
```
#5a1972 rgb(90,25,114)
```
#661d82
```
#661d82 rgb(102,29,130)
```
#732092
```
#732092 rgb(115,32,146)
```
#8024a3
```
#8024a3 rgb(128,36,163)
```
#8c27b3
```
#8c27b3 rgb(140,39,179)
```
#992bc3
```
#992bc3 rgb(153,43,195)
```

Shade Color Variation

#a530d1
```
#a530d1 rgb(165,48,209)
```
#ac40d5
```
#ac40d5 rgb(172,64,213)
```
#b350d8
```
#b350d8 rgb(179,80,216)
```
#ba60dc
```
#ba60dc rgb(186,96,220)
```
#c170e0
```
#c170e0 rgb(193,112,224)
```
#c880e3
```
#c880e3 rgb(200,128,227)
```
#cf90e7
```
#cf90e7 rgb(207,144,231)
```
#d6a0ea
```
#d6a0ea rgb(214,160,234)
```
#ddb0ee
```
#ddb0ee rgb(221,176,238)
```
#e4c0f1
```
#e4c0f1 rgb(228,192,241)
```
#ebd1f5
```
#ebd1f5 rgb(235,209,245)
```
#f2e1f8
```
#f2e1f8 rgb(242,225,248)
```
#f9f1fc
```
#f9f1fc rgb(249,241,252)
```

Tint Color Variation

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

#9f9ca0
```
#9f9ca0 rgb(159,156,160)
```
#a294a8
```
#a294a8 rgb(162,148,168)
```
#a68daf
```
#a68daf rgb(166,141,175)
```
#a985b7
```
#a985b7 rgb(169,133,183)
```
#ad7ebe
```
#ad7ebe rgb(173,126,190)
```
#b076c6
```
#b076c6 rgb(176,118,198)
```
#b36fcd
```
#b36fcd rgb(179,111,205)
```
#b767d5
```
#b767d5 rgb(183,103,213)
```
#ba60dc
```
#ba60dc rgb(186,96,220)
```
#bd59e3
```
#bd59e3 rgb(189,89,227)
```
#c151eb
```
#c151eb rgb(193,81,235)
```
#c44af2
```
#c44af2 rgb(196,74,242)
```
#c742fa
```
#c742fa rgb(199,66,250)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#93819a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a88f8 Protanopia 1% of men
#648cd2 Deuteranopia 1% of men
#ae8089 Tritanopia 0.001% of the population

Trichromacy

#727aee Protanomaly 1% of men, 0.01% of women
#837cd5 Deuteranomaly 6% of men, 0.4% of women
#b274a7 Tritanomaly 0.01% of the population

#ba60dc hex color

#ba60dc Color Information

#ba60dc Color Conversion

Color Schemes with #ba60dc

Alternatives to #ba60dc

#ba60dc Preview

Shades and Tints of #ba60dc

Tones of #ba60dc

Color Blindness Simulator