#ba55ea hex color

In a RGB color space, hex #ba55ea is composed of 72.9% red, 33.3% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 63.7% magenta, 0% yellow and 8.2% black. It has a hue angle of 280.7 degrees, a saturation of 78% and a lightness of 62.5%. #ba55ea color hex could be obtained by blending #ffaaff with #7500d5. Closest websafe color is: #cc66ff.

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

● #ba55ea color description : Soft violet.

The hexadecimal color #ba55ea has RGB values of R:186, G:85, B:234 and CMYK values of C:0.21, M:0.64, Y:0, K:0.08. Its decimal value is 12211690.

Hex triplet	ba55ea	`#ba55ea`
RGB Decimal	186, 85, 234	`rgb(186,85,234)`
RGB Percent	72.9, 33.3, 91.8	`rgb(72.9%,33.3%,91.8%)`
CMYK	21, 64, 0, 8
HSL	280.7°, 78, 62.5	`hsl(280.7,78%,62.5%)`
HSV (or HSB)	280.7°, 63.7, 91.8
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	54.946, 63.659, -58.325
XYZ	38.348, 22.878, 80.233
xyY	0.271, 0.162, 22.878
CIE-LCH	54.946, 86.338, 317.504
CIE-LUV	54.946, 34.774, -98.16
Hunter-Lab	47.831, 59.406, -65.974
Binary	10111010, 01010101, 11101010

#ba55ea
```
#ba55ea rgb(186,85,234)
```
#85ea55
```
#85ea55 rgb(133,234,85)
```

Complementary Color

#7055ea
```
#7055ea rgb(112,85,234)
```
#ba55ea
```
#ba55ea rgb(186,85,234)
```
#ea55d0
```
#ea55d0 rgb(234,85,208)
```

Analogous Color

#55ea70
```
#55ea70 rgb(85,234,112)
```
#ba55ea
```
#ba55ea rgb(186,85,234)
```
#d0ea55
```
#d0ea55 rgb(208,234,85)
```

Split Complementary Color

#55eaba
```
#55eaba rgb(85,234,186)
```
#ba55ea
```
#ba55ea rgb(186,85,234)
```
#eaba55
```
#eaba55 rgb(234,186,85)
```

Triadic Color

#5585ea
```
#5585ea rgb(85,133,234)
```
#ba55ea
```
#ba55ea rgb(186,85,234)
```
#eaba55
```
#eaba55 rgb(234,186,85)
```
#85ea55
```
#85ea55 rgb(133,234,85)
```

Tetradic Color

#9b1bd8
```
#9b1bd8 rgb(155,27,216)
```
#a828e4
```
#a828e4 rgb(168,40,228)
```
#b13ee7
```
#b13ee7 rgb(177,62,231)
```
#ba55ea
```
#ba55ea rgb(186,85,234)
```
#c36ced
```
#c36ced rgb(195,108,237)
```
#cc82f0
```
#cc82f0 rgb(204,130,240)
```
#d699f2
```
#d699f2 rgb(214,153,242)
```

Monochromatic Color

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

#9555ea
```
#9555ea rgb(149,85,234)
```
#a155ea
```
#a155ea rgb(161,85,234)
```
#ae55ea
```
#ae55ea rgb(174,85,234)
```
#ba55ea
```
#ba55ea rgb(186,85,234)
```
#c655ea
```
#c655ea rgb(198,85,234)
```
#d355ea
```
#d355ea rgb(211,85,234)
```
#df55ea
```
#df55ea rgb(223,85,234)
```

Similar Colors

Text with hexadecimal color #ba55ea

This text has a font color of #ba55ea.

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

#ba55ea background color

This paragraph has a background color of #ba55ea.

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

#ba55ea border color

This element has a border color of #ba55ea.

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

CSS codes

.text {color:#ba55ea;}

.background {background-color:#ba55ea;}

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

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

#030105
```
#030105 rgb(3,1,5)
```
#100316
```
#100316 rgb(16,3,22)
```
#1c0528
```
#1c0528 rgb(28,5,40)
```
#290739
```
#290739 rgb(41,7,57)
```
#35094a
```
#35094a rgb(53,9,74)
```
#420b5c
```
#420b5c rgb(66,11,92)
```
#4e0e6d
```
#4e0e6d rgb(78,14,109)
```
#5b107f
```
#5b107f rgb(91,16,127)
```
#681290
```
#681290 rgb(104,18,144)
```
#7414a2
```
#7414a2 rgb(116,20,162)
```
#8116b3
```
#8116b3 rgb(129,22,179)
```
#8d18c5
```
#8d18c5 rgb(141,24,197)
```
#9a1ad6
```
#9a1ad6 rgb(154,26,214)
```

Shade Color Variation

#a521e4
```
#a521e4 rgb(165,33,228)
```
#ac32e6
```
#ac32e6 rgb(172,50,230)
```
#b344e8
```
#b344e8 rgb(179,68,232)
```
#ba55ea
```
#ba55ea rgb(186,85,234)
```
#c166ec
```
#c166ec rgb(193,102,236)
```
#c878ee
```
#c878ee rgb(200,120,238)
```
#cf89f0
```
#cf89f0 rgb(207,137,240)
```
#d69bf3
```
#d69bf3 rgb(214,155,243)
```
#ddacf5
```
#ddacf5 rgb(221,172,245)
```
#e5bef7
```
#e5bef7 rgb(229,190,247)
```
#eccff9
```
#eccff9 rgb(236,207,249)
```
#f3e1fb
```
#f3e1fb rgb(243,225,251)
```
#faf2fd
```
#faf2fd rgb(250,242,253)
```

Tint Color Variation

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

#a09ea1
```
#a09ea1 rgb(160,158,161)
```
#a297a8
```
#a297a8 rgb(162,151,168)
```
#a590af
```
#a590af rgb(165,144,175)
```
#a888b7
```
#a888b7 rgb(168,136,183)
```
#aa81be
```
#aa81be rgb(170,129,190)
```
#ad7ac5
```
#ad7ac5 rgb(173,122,197)
```
#b072cd
```
#b072cd rgb(176,114,205)
```
#b26bd4
```
#b26bd4 rgb(178,107,212)
```
#b564db
```
#b564db rgb(181,100,219)
```
#b75ce3
```
#b75ce3 rgb(183,92,227)
```
#ba55ea
```
#ba55ea rgb(186,85,234)
```
#bd4ef1
```
#bd4ef1 rgb(189,78,241)
```
#bf46f9
```
#bf46f9 rgb(191,70,249)
```

Tone Color Variation

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

Dichromacy

#3085ff Protanopia 1% of men
#4a8bdc Deuteranopia 1% of men
#ab7d86 Tritanopia 0.001% of the population

Trichromacy

#6274f7 Protanomaly 1% of men, 0.01% of women
#7277e1 Deuteranomaly 6% of men, 0.4% of women
#b06faa Tritanomaly 0.01% of the population

#ba55ea hex color

#ba55ea Color Information

#ba55ea Color Conversion

Color Schemes with #ba55ea

Alternatives to #ba55ea

#ba55ea Preview

Shades and Tints of #ba55ea

Tones of #ba55ea

Color Blindness Simulator