#ba55e5 hex color

In a RGB color space, hex #ba55e5 is composed of 72.9% red, 33.3% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 18.8% cyan, 62.9% magenta, 0% yellow and 10.2% black. It has a hue angle of 282.1 degrees, a saturation of 73.5% and a lightness of 61.6%. #ba55e5 color hex could be obtained by blending #ffaaff with #7500cb. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 33
- B 90
RGB color chart
- C 19
- M 63
- Y 0
- K 10
CMYK color chart

● #ba55e5 color description : Soft violet.

The hexadecimal color #ba55e5 has RGB values of R:186, G:85, B:229 and CMYK values of C:0.19, M:0.63, Y:0, K:0.1. Its decimal value is 12211685.

Hex triplet	ba55e5	`#ba55e5`
RGB Decimal	186, 85, 229	`rgb(186,85,229)`
RGB Percent	72.9, 33.3, 89.8	`rgb(72.9%,33.3%,89.8%)`
CMYK	19, 63, 0, 10
HSL	282.1°, 73.5, 61.6	`hsl(282.1,73.5%,61.6%)`
HSV (or HSB)	282.1°, 62.9, 89.8
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	54.652, 62.638, -55.988
XYZ	37.639, 22.594, 76.503
xyY	0.275, 0.165, 22.594
CIE-LCH	54.652, 84.013, 318.209
CIE-LUV	54.652, 35.934, -94.359
Hunter-Lab	47.534, 58.16, -62.151
Binary	10111010, 01010101, 11100101

#ba55e5
```
#ba55e5 rgb(186,85,229)
```
#80e555
```
#80e555 rgb(128,229,85)
```

Complementary Color

#7255e5
```
#7255e5 rgb(114,85,229)
```
#ba55e5
```
#ba55e5 rgb(186,85,229)
```
#e555c8
```
#e555c8 rgb(229,85,200)
```

Analogous Color

#55e572
```
#55e572 rgb(85,229,114)
```
#ba55e5
```
#ba55e5 rgb(186,85,229)
```
#c8e555
```
#c8e555 rgb(200,229,85)
```

Split Complementary Color

#55e5ba
```
#55e5ba rgb(85,229,186)
```
#ba55e5
```
#ba55e5 rgb(186,85,229)
```
#e5ba55
```
#e5ba55 rgb(229,186,85)
```

Triadic Color

#5580e5
```
#5580e5 rgb(85,128,229)
```
#ba55e5
```
#ba55e5 rgb(186,85,229)
```
#e5ba55
```
#e5ba55 rgb(229,186,85)
```
#80e555
```
#80e555 rgb(128,229,85)
```

Tetradic Color

#9a20ce
```
#9a20ce rgb(154,32,206)
```
#a829de
```
#a829de rgb(168,41,222)
```
#b13fe2
```
#b13fe2 rgb(177,63,226)
```
#ba55e5
```
#ba55e5 rgb(186,85,229)
```
#c36be8
```
#c36be8 rgb(195,107,232)
```
#cc81ec
```
#cc81ec rgb(204,129,236)
```
#d597ef
```
#d597ef rgb(213,151,239)
```

Monochromatic Color

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

#9655e5
```
#9655e5 rgb(150,85,229)
```
#a255e5
```
#a255e5 rgb(162,85,229)
```
#ae55e5
```
#ae55e5 rgb(174,85,229)
```
#ba55e5
```
#ba55e5 rgb(186,85,229)
```
#c655e5
```
#c655e5 rgb(198,85,229)
```
#d255e5
```
#d255e5 rgb(210,85,229)
```
#de55e5
```
#de55e5 rgb(222,85,229)
```

Similar Colors

Text with hexadecimal color #ba55e5

This text has a font color of #ba55e5.

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

#ba55e5 background color

This paragraph has a background color of #ba55e5.

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

#ba55e5 border color

This element has a border color of #ba55e5.

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

CSS codes

.text {color:#ba55e5;}

.background {background-color:#ba55e5;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0311
```
#0d0311 rgb(13,3,17)
```
#1a0522
```
#1a0522 rgb(26,5,34)
```
#260833
```
#260833 rgb(38,8,51)
```
#330a44
```
#330a44 rgb(51,10,68)
```
#400d55
```
#400d55 rgb(64,13,85)
```
#4c1066
```
#4c1066 rgb(76,16,102)
```
#591277
```
#591277 rgb(89,18,119)
```
#661588
```
#661588 rgb(102,21,136)
```
#721799
```
#721799 rgb(114,23,153)
```
#7f1aaa
```
#7f1aaa rgb(127,26,170)
```
#8c1dbb
```
#8c1dbb rgb(140,29,187)
```
#991fcc
```
#991fcc rgb(153,31,204)
```

Shade Color Variation

#a522dd
```
#a522dd rgb(165,34,221)
```
#ac33e0
```
#ac33e0 rgb(172,51,224)
```
#b344e2
```
#b344e2 rgb(179,68,226)
```
#ba55e5
```
#ba55e5 rgb(186,85,229)
```
#c166e8
```
#c166e8 rgb(193,102,232)
```
#c877ea
```
#c877ea rgb(200,119,234)
```
#cf88ed
```
#cf88ed rgb(207,136,237)
```
#d699ef
```
#d699ef rgb(214,153,239)
```
#ddaaf2
```
#ddaaf2 rgb(221,170,242)
```
#e3bbf5
```
#e3bbf5 rgb(227,187,245)
```
#eaccf7
```
#eaccf7 rgb(234,204,247)
```
#f1ddfa
```
#f1ddfa rgb(241,221,250)
```
#f8eefc
```
#f8eefc rgb(248,238,252)
```

Tint Color Variation

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

#9f99a1
```
#9f99a1 rgb(159,153,161)
```
#a291a9
```
#a291a9 rgb(162,145,169)
```
#a58ab0
```
#a58ab0 rgb(165,138,176)
```
#a882b8
```
#a882b8 rgb(168,130,184)
```
#ab7bbf
```
#ab7bbf rgb(171,123,191)
```
#ae73c7
```
#ae73c7 rgb(174,115,199)
```
#b16cce
```
#b16cce rgb(177,108,206)
```
#b464d6
```
#b464d6 rgb(180,100,214)
```
#b75ddd
```
#b75ddd rgb(183,93,221)
```
#ba55e5
```
#ba55e5 rgb(186,85,229)
```
#bd4ded
```
#bd4ded rgb(189,77,237)
```
#c046f4
```
#c046f4 rgb(192,70,244)
```
#c33efc
```
#c33efc rgb(195,62,252)
```

Tone Color Variation

Below, you can see how #ba55e5 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
#8f7b97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d85ff Protanopia 1% of men
#508ad8 Deuteranopia 1% of men
#ac7c85 Tritanopia 0.001% of the population

Trichromacy

#6073f5 Protanomaly 1% of men, 0.01% of women
#7676dc Deuteranomaly 6% of men, 0.4% of women
#b16ea7 Tritanomaly 0.01% of the population

#ba55e5 hex color

#ba55e5 Color Information

#ba55e5 Color Conversion

Color Schemes with #ba55e5

Alternatives to #ba55e5

#ba55e5 Preview

Shades and Tints of #ba55e5

Tones of #ba55e5

Color Blindness Simulator