#ba60fd hex color

In a RGB color space, hex #ba60fd is composed of 72.9% red, 37.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 62.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 274.4 degrees, a saturation of 97.5% and a lightness of 68.4%. #ba60fd color hex could be obtained by blending #ffc0ff with #7500fb. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 38
- B 99
RGB color chart
- C 26
- M 62
- Y 0
- K 1
CMYK color chart

● #ba60fd color description : Soft violet.

The hexadecimal color #ba60fd has RGB values of R:186, G:96, B:253 and CMYK values of C:0.26, M:0.62, Y:0, K:0.01. Its decimal value is 12214525.

Hex triplet	ba60fd	`#ba60fd`
RGB Decimal	186, 96, 253	`rgb(186,96,253)`
RGB Percent	72.9, 37.6, 99.2	`rgb(72.9%,37.6%,99.2%)`
CMYK	26, 62, 0, 1
HSL	274.4°, 97.5, 68.4	`hsl(274.4,97.5%,68.4%)`
HSV (or HSB)	274.4°, 62.1, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	57.94, 62.614, -64.097
XYZ	42.16, 25.898, 95.701
xyY	0.257, 0.158, 25.898
CIE-LCH	57.94, 89.605, 314.33
CIE-LUV	57.94, 27.961, -108.155
Hunter-Lab	50.89, 58.822, -75.876
Binary	10111010, 01100000, 11111101

#ba60fd
```
#ba60fd rgb(186,96,253)
```
#a3fd60
```
#a3fd60 rgb(163,253,96)
```

Complementary Color

#6c60fd
```
#6c60fd rgb(108,96,253)
```
#ba60fd
```
#ba60fd rgb(186,96,253)
```
#fd60f2
```
#fd60f2 rgb(253,96,242)
```

Analogous Color

#60fd6c
```
#60fd6c rgb(96,253,108)
```
#ba60fd
```
#ba60fd rgb(186,96,253)
```
#f2fd60
```
#f2fd60 rgb(242,253,96)
```

Split Complementary Color

#60fdba
```
#60fdba rgb(96,253,186)
```
#ba60fd
```
#ba60fd rgb(186,96,253)
```
#fdba60
```
#fdba60 rgb(253,186,96)
```

Triadic Color

#60a3fd
```
#60a3fd rgb(96,163,253)
```
#ba60fd
```
#ba60fd rgb(186,96,253)
```
#fdba60
```
#fdba60 rgb(253,186,96)
```
#a3fd60
```
#a3fd60 rgb(163,253,96)
```

Tetradic Color

#9914fc
```
#9914fc rgb(153,20,252)
```
#a42efc
```
#a42efc rgb(164,46,252)
```
#af47fd
```
#af47fd rgb(175,71,253)
```
#ba60fd
```
#ba60fd rgb(186,96,253)
```
#c579fd
```
#c579fd rgb(197,121,253)
```
#d092fe
```
#d092fe rgb(208,146,254)
```
#dbacfe
```
#dbacfe rgb(219,172,254)
```

Monochromatic Color

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

#9360fd
```
#9360fd rgb(147,96,253)
```
#a060fd
```
#a060fd rgb(160,96,253)
```
#ad60fd
```
#ad60fd rgb(173,96,253)
```
#ba60fd
```
#ba60fd rgb(186,96,253)
```
#c760fd
```
#c760fd rgb(199,96,253)
```
#d460fd
```
#d460fd rgb(212,96,253)
```
#e160fd
```
#e160fd rgb(225,96,253)
```

Similar Colors

Text with hexadecimal color #ba60fd

This text has a font color of #ba60fd.

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

#ba60fd background color

This paragraph has a background color of #ba60fd.

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

#ba60fd border color

This element has a border color of #ba60fd.

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

CSS codes

.text {color:#ba60fd;}

.background {background-color:#ba60fd;}

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

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, #09000f is the darkest color, while #fdfbff is the lightest one.

#09000f
```
#09000f rgb(9,0,15)
```
#140023
```
#140023 rgb(20,0,35)
```
#1f0136
```
#1f0136 rgb(31,1,54)
```
#2b0149
```
#2b0149 rgb(43,1,73)
```
#36015d
```
#36015d rgb(54,1,93)
```
#410170
```
#410170 rgb(65,1,112)
```
#4c0284
```
#4c0284 rgb(76,2,132)
```
#570297
```
#570297 rgb(87,2,151)
```
#6302aa
```
#6302aa rgb(99,2,170)
```
#6e02be
```
#6e02be rgb(110,2,190)
```
#7903d1
```
#7903d1 rgb(121,3,209)
```
#8403e4
```
#8403e4 rgb(132,3,228)
```
#8f03f8
```
#8f03f8 rgb(143,3,248)
```

Shade Color Variation

#9813fc
```
#9813fc rgb(152,19,252)
```
#a126fc
```
#a126fc rgb(161,38,252)
```
#a939fd
```
#a939fd rgb(169,57,253)
```
#b24dfd
```
#b24dfd rgb(178,77,253)
```
#ba60fd
```
#ba60fd rgb(186,96,253)
```
#c273fd
```
#c273fd rgb(194,115,253)
```
#cb87fd
```
#cb87fd rgb(203,135,253)
```
#d39afe
```
#d39afe rgb(211,154,254)
```
#dcadfe
```
#dcadfe rgb(220,173,254)
```
#e4c1fe
```
#e4c1fe rgb(228,193,254)
```
#ecd4fe
```
#ecd4fe rgb(236,212,254)
```
#f5e8ff
```
#f5e8ff rgb(245,232,255)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

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

#afaab3
```
#afaab3 rgb(175,170,179)
```
#b0a4b9
```
#b0a4b9 rgb(176,164,185)
```
#b19ebf
```
#b19ebf rgb(177,158,191)
```
#b298c5
```
#b298c5 rgb(178,152,197)
```
#b392cb
```
#b392cb rgb(179,146,203)
```
#b48bd2
```
#b48bd2 rgb(180,139,210)
```
#b585d8
```
#b585d8 rgb(181,133,216)
```
#b57fde
```
#b57fde rgb(181,127,222)
```
#b679e4
```
#b679e4 rgb(182,121,228)
```
#b773ea
```
#b773ea rgb(183,115,234)
```
#b86cf1
```
#b86cf1 rgb(184,108,241)
```
#b966f7
```
#b966f7 rgb(185,102,247)
```
#ba60fd
```
#ba60fd rgb(186,96,253)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#9684a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d8dff Protanopia 1% of men
#3d92ee Deuteranopia 1% of men
#a78993 Tritanopia 0.001% of the population

Trichromacy

#747dfe Protanomaly 1% of men, 0.01% of women
#6a80f3 Deuteranomaly 6% of men, 0.4% of women
#ae7ab9 Tritanomaly 0.01% of the population

#ba60fd hex color

#ba60fd Color Information

#ba60fd Color Conversion

Color Schemes with #ba60fd

Alternatives to #ba60fd

#ba60fd Preview

Shades and Tints of #ba60fd

Tones of #ba60fd

Color Blindness Simulator