#ba60fe hex color

In a RGB color space, hex #ba60fe is composed of 72.9% red, 37.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 62.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 274.2 degrees, a saturation of 98.8% and a lightness of 68.6%. #ba60fe color hex could be obtained by blending #ffc0ff with #7500fd. Closest websafe color is: #cc66ff.

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

● #ba60fe color description : Soft violet.

The hexadecimal color #ba60fe has RGB values of R:186, G:96, B:254 and CMYK values of C:0.27, M:0.62, Y:0, K:0. Its decimal value is 12214526.

Hex triplet	ba60fe	`#ba60fe`
RGB Decimal	186, 96, 254	`rgb(186,96,254)`
RGB Percent	72.9, 37.6, 99.6	`rgb(72.9%,37.6%,99.6%)`
CMYK	27, 62, 0, 0
HSL	274.2°, 98.8, 68.6	`hsl(274.2,98.8%,68.6%)`
HSV (or HSB)	274.2°, 62.2, 99.6
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	58, 62.833, -64.552
XYZ	42.319, 25.961, 96.542
xyY	0.257, 0.158, 25.961
CIE-LCH	58, 90.083, 314.227
CIE-LUV	58, 27.764, -108.904
Hunter-Lab	50.952, 59.089, -76.673
Binary	10111010, 01100000, 11111110

#ba60fe
```
#ba60fe rgb(186,96,254)
```
#a4fe60
```
#a4fe60 rgb(164,254,96)
```

Complementary Color

#6b60fe
```
#6b60fe rgb(107,96,254)
```
#ba60fe
```
#ba60fe rgb(186,96,254)
```
#fe60f3
```
#fe60f3 rgb(254,96,243)
```

Analogous Color

#60fe6b
```
#60fe6b rgb(96,254,107)
```
#ba60fe
```
#ba60fe rgb(186,96,254)
```
#f3fe60
```
#f3fe60 rgb(243,254,96)
```

Split Complementary Color

#60feba
```
#60feba rgb(96,254,186)
```
#ba60fe
```
#ba60fe rgb(186,96,254)
```
#feba60
```
#feba60 rgb(254,186,96)
```

Triadic Color

#60a4fe
```
#60a4fe rgb(96,164,254)
```
#ba60fe
```
#ba60fe rgb(186,96,254)
```
#feba60
```
#feba60 rgb(254,186,96)
```
#a4fe60
```
#a4fe60 rgb(164,254,96)
```

Tetradic Color

#9914fe
```
#9914fe rgb(153,20,254)
```
#a42dfe
```
#a42dfe rgb(164,45,254)
```
#af47fe
```
#af47fe rgb(175,71,254)
```
#ba60fe
```
#ba60fe rgb(186,96,254)
```
#c579fe
```
#c579fe rgb(197,121,254)
```
#d093fe
```
#d093fe rgb(208,147,254)
```
#dbacfe
```
#dbacfe rgb(219,172,254)
```

Monochromatic Color

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

#9360fe
```
#9360fe rgb(147,96,254)
```
#a060fe
```
#a060fe rgb(160,96,254)
```
#ad60fe
```
#ad60fe rgb(173,96,254)
```
#ba60fe
```
#ba60fe rgb(186,96,254)
```
#c760fe
```
#c760fe rgb(199,96,254)
```
#d460fe
```
#d460fe rgb(212,96,254)
```
#e260fe
```
#e260fe rgb(226,96,254)
```

Similar Colors

Text with hexadecimal color #ba60fe

This text has a font color of #ba60fe.

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

#ba60fe background color

This paragraph has a background color of #ba60fe.

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

#ba60fe border color

This element has a border color of #ba60fe.

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

CSS codes

.text {color:#ba60fe;}

.background {background-color:#ba60fe;}

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

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

#090010
```
#090010 rgb(9,0,16)
```
#150024
```
#150024 rgb(21,0,36)
```
#200037
```
#200037 rgb(32,0,55)
```
#2b004b
```
#2b004b rgb(43,0,75)
```
#36015e
```
#36015e rgb(54,1,94)
```
#410172
```
#410172 rgb(65,1,114)
```
#4c0185
```
#4c0185 rgb(76,1,133)
```
#580199
```
#580199 rgb(88,1,153)
```
#6301ac
```
#6301ac rgb(99,1,172)
```
#6e01c0
```
#6e01c0 rgb(110,1,192)
```
#7901d3
```
#7901d3 rgb(121,1,211)
```
#8401e7
```
#8401e7 rgb(132,1,231)
```
#8f02fa
```
#8f02fa rgb(143,2,250)
```

Shade Color Variation

#9812fe
```
#9812fe rgb(152,18,254)
```
#a126fe
```
#a126fe rgb(161,38,254)
```
#a939fe
```
#a939fe rgb(169,57,254)
```
#b24dfe
```
#b24dfe rgb(178,77,254)
```
#ba60fe
```
#ba60fe rgb(186,96,254)
```
#c273fe
```
#c273fe rgb(194,115,254)
```
#cb87fe
```
#cb87fe rgb(203,135,254)
```
#d39afe
```
#d39afe rgb(211,154,254)
```
#dcaefe
```
#dcaefe rgb(220,174,254)
```
#e4c1ff
```
#e4c1ff rgb(228,193,255)
```
#edd5ff
```
#edd5ff rgb(237,213,255)
```
#f5e8ff
```
#f5e8ff rgb(245,232,255)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#b0aab4
```
#b0aab4 rgb(176,170,180)
```
#b1a4ba
```
#b1a4ba rgb(177,164,186)
```
#b19ec0
```
#b19ec0 rgb(177,158,192)
```
#b297c7
```
#b297c7 rgb(178,151,199)
```
#b391cd
```
#b391cd rgb(179,145,205)
```
#b48bd3
```
#b48bd3 rgb(180,139,211)
```
#b585d9
```
#b585d9 rgb(181,133,217)
```
#b67fdf
```
#b67fdf rgb(182,127,223)
```
#b779e5
```
#b779e5 rgb(183,121,229)
```
#b772ec
```
#b772ec rgb(183,114,236)
```
#b86cf2
```
#b86cf2 rgb(184,108,242)
```
#b966f8
```
#b966f8 rgb(185,102,248)
```
#ba60fe
```
#ba60fe rgb(186,96,254)
```

Tone Color Variation

Below, you can see how #ba60fe 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
#9684a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#757dfe Protanomaly 1% of men, 0.01% of women
#6980f4 Deuteranomaly 6% of men, 0.4% of women
#ae7aba Tritanomaly 0.01% of the population

#ba60fe hex color

#ba60fe Color Information

#ba60fe Color Conversion

Color Schemes with #ba60fe

Alternatives to #ba60fe

#ba60fe Preview

Shades and Tints of #ba60fe

Tones of #ba60fe

Color Blindness Simulator