#ba60eb hex color

In a RGB color space, hex #ba60eb is composed of 72.9% red, 37.6% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 20.9% cyan, 59.1% magenta, 0% yellow and 7.8% black. It has a hue angle of 278.8 degrees, a saturation of 77.7% and a lightness of 64.9%. #ba60eb color hex could be obtained by blending #ffc0ff with #7500d7. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 38
- B 92
RGB color chart
- C 21
- M 59
- Y 0
- K 8
CMYK color chart

● #ba60eb color description : Soft violet.

The hexadecimal color #ba60eb has RGB values of R:186, G:96, B:235 and CMYK values of C:0.21, M:0.59, Y:0, K:0.08. Its decimal value is 12214507.

Hex triplet	ba60eb	`#ba60eb`
RGB Decimal	186, 96, 235	`rgb(186,96,235)`
RGB Percent	72.9, 37.6, 92.2	`rgb(72.9%,37.6%,92.2%)`
CMYK	21, 59, 0, 8
HSL	278.8°, 77.7, 64.9	`hsl(278.8,77.7%,64.9%)`
HSV (or HSB)	278.8°, 59.1, 92.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	56.884, 58.738, -55.783
XYZ	39.426, 24.804, 81.303
xyY	0.271, 0.17, 24.804
CIE-LCH	56.884, 81.006, 316.478
CIE-LUV	56.884, 31.638, -94.451
Hunter-Lab	49.804, 54.149, -61.927
Binary	10111010, 01100000, 11101011

#ba60eb
```
#ba60eb rgb(186,96,235)
```
#91eb60
```
#91eb60 rgb(145,235,96)
```

Complementary Color

#7560eb
```
#7560eb rgb(117,96,235)
```
#ba60eb
```
#ba60eb rgb(186,96,235)
```
#eb60d7
```
#eb60d7 rgb(235,96,215)
```

Analogous Color

#60eb75
```
#60eb75 rgb(96,235,117)
```
#ba60eb
```
#ba60eb rgb(186,96,235)
```
#d7eb60
```
#d7eb60 rgb(215,235,96)
```

Split Complementary Color

#60ebba
```
#60ebba rgb(96,235,186)
```
#ba60eb
```
#ba60eb rgb(186,96,235)
```
#ebba60
```
#ebba60 rgb(235,186,96)
```

Triadic Color

#6091eb
```
#6091eb rgb(96,145,235)
```
#ba60eb
```
#ba60eb rgb(186,96,235)
```
#ebba60
```
#ebba60 rgb(235,186,96)
```
#91eb60
```
#91eb60 rgb(145,235,96)
```

Tetradic Color

#9c1ce2
```
#9c1ce2 rgb(156,28,226)
```
#a633e5
```
#a633e5 rgb(166,51,229)
```
#b049e8
```
#b049e8 rgb(176,73,232)
```
#ba60eb
```
#ba60eb rgb(186,96,235)
```
#c477ee
```
#c477ee rgb(196,119,238)
```
#ce8df1
```
#ce8df1 rgb(206,141,241)
```
#d7a4f4
```
#d7a4f4 rgb(215,164,244)
```

Monochromatic Color

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

#9760eb
```
#9760eb rgb(151,96,235)
```
#a360eb
```
#a360eb rgb(163,96,235)
```
#ae60eb
```
#ae60eb rgb(174,96,235)
```
#ba60eb
```
#ba60eb rgb(186,96,235)
```
#c660eb
```
#c660eb rgb(198,96,235)
```
#d160eb
```
#d160eb rgb(209,96,235)
```
#dd60eb
```
#dd60eb rgb(221,96,235)
```

Similar Colors

Text with hexadecimal color #ba60eb

This text has a font color of #ba60eb.

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

#ba60eb background color

This paragraph has a background color of #ba60eb.

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

#ba60eb border color

This element has a border color of #ba60eb.

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

CSS codes

.text {color:#ba60eb;}

.background {background-color:#ba60eb;}

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

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

#0b020f
```
#0b020f rgb(11,2,15)
```
#170421
```
#170421 rgb(23,4,33)
```
#230632
```
#230632 rgb(35,6,50)
```
#2f0844
```
#2f0844 rgb(47,8,68)
```
#3b0b55
```
#3b0b55 rgb(59,11,85)
```
#470d66
```
#470d66 rgb(71,13,102)
```
#530f78
```
#530f78 rgb(83,15,120)
```
#5f1189
```
#5f1189 rgb(95,17,137)
```
#6b139b
```
#6b139b rgb(107,19,155)
```
#7716ac
```
#7716ac rgb(119,22,172)
```
#8318bd
```
#8318bd rgb(131,24,189)
```
#8f1acf
```
#8f1acf rgb(143,26,207)
```
#9b1ce0
```
#9b1ce0 rgb(155,28,224)
```

Shade Color Variation

#a32ce4
```
#a32ce4 rgb(163,44,228)
```
#ab3de7
```
#ab3de7 rgb(171,61,231)
```
#b24fe9
```
#b24fe9 rgb(178,79,233)
```
#ba60eb
```
#ba60eb rgb(186,96,235)
```
#c271ed
```
#c271ed rgb(194,113,237)
```
#c983ef
```
#c983ef rgb(201,131,239)
```
#d194f2
```
#d194f2 rgb(209,148,242)
```
#d8a6f4
```
#d8a6f4 rgb(216,166,244)
```
#e0b7f6
```
#e0b7f6 rgb(224,183,246)
```
#e7c9f8
```
#e7c9f8 rgb(231,201,248)
```
#efdafa
```
#efdafa rgb(239,218,250)
```
#f6ebfd
```
#f6ebfd rgb(246,235,253)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#a6a5a6
```
#a6a5a6 rgb(166,165,166)
```
#a89ead
```
#a89ead rgb(168,158,173)
```
#aa97b4
```
#aa97b4 rgb(170,151,180)
```
#ac90bb
```
#ac90bb rgb(172,144,187)
```
#ae89c2
```
#ae89c2 rgb(174,137,194)
```
#b082c9
```
#b082c9 rgb(176,130,201)
```
#b27ccf
```
#b27ccf rgb(178,124,207)
```
#b475d6
```
#b475d6 rgb(180,117,214)
```
#b66edd
```
#b66edd rgb(182,110,221)
```
#b867e4
```
#b867e4 rgb(184,103,228)
```
#ba60eb
```
#ba60eb rgb(186,96,235)
```
#bc59f2
```
#bc59f2 rgb(188,89,242)
```
#be52f9
```
#be52f9 rgb(190,82,249)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#94829e Atypical Achromatopsia 0.001% of the population

Dichromacy

#458aff Protanopia 1% of men
#568fdf Deuteranopia 1% of men
#ab848d Tritanopia 0.001% of the population

Trichromacy

#707bf7 Protanomaly 1% of men, 0.01% of women
#7a7ee3 Deuteranomaly 6% of men, 0.4% of women
#b077af Tritanomaly 0.01% of the population

#ba60eb hex color

#ba60eb Color Information

#ba60eb Color Conversion

Color Schemes with #ba60eb

Alternatives to #ba60eb

#ba60eb Preview

Shades and Tints of #ba60eb

Tones of #ba60eb

Color Blindness Simulator