colorhexa.com

#ba57ea hex color

In a RGB color space, hex #ba57ea is composed of 72.9% red, 34.1% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 62.8% magenta, 0% yellow and 8.2% black. It has a hue angle of 280.4 degrees, a saturation of 77.8% and a lightness of 62.9%. #ba57ea color hex could be obtained by blending #ffaeff with #7500d5. Closest websafe color is: #cc66ff.

- R 73
- G 34
- B 92
RGB color chart
- C 21
- M 63
- Y 0
- K 8
CMYK color chart

● #ba57ea color description : Soft violet.

The hexadecimal color #ba57ea has RGB values of R:186, G:87, B:234 and CMYK values of C:0.21, M:0.63, Y:0, K:0.08. Its decimal value is 12212202.

Hex triplet	ba57ea	`#ba57ea`
RGB Decimal	186, 87, 234	`rgb(186,87,234)`
RGB Percent	72.9, 34.1, 91.8	`rgb(72.9%,34.1%,91.8%)`
CMYK	21, 63, 0, 8
HSL	280.4°, 77.8, 62.9	`hsl(280.4,77.8%,62.9%)`
HSV (or HSB)	280.4°, 62.8, 91.8
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	55.275, 62.755, -57.798
XYZ	38.507, 23.197, 80.286
xyY	0.271, 0.163, 23.197
CIE-LCH	55.275, 85.316, 317.354
CIE-LUV	55.275, 34.271, -97.391
Hunter-Lab	48.163, 58.427, -65.12
Binary	10111010, 01010111, 11101010

#ba57ea
```
#ba57ea rgb(186,87,234)
```
#87ea57
```
#87ea57 rgb(135,234,87)
```

Complementary Color

#7157ea
```
#7157ea rgb(113,87,234)
```
#ba57ea
```
#ba57ea rgb(186,87,234)
```
#ea57d1
```
#ea57d1 rgb(234,87,209)
```

Analogous Color

#57ea71
```
#57ea71 rgb(87,234,113)
```
#ba57ea
```
#ba57ea rgb(186,87,234)
```
#d1ea57
```
#d1ea57 rgb(209,234,87)
```

Split Complementary Color

#57eaba
```
#57eaba rgb(87,234,186)
```
#ba57ea
```
#ba57ea rgb(186,87,234)
```
#eaba57
```
#eaba57 rgb(234,186,87)
```

Triadic Color

#5787ea
```
#5787ea rgb(87,135,234)
```
#ba57ea
```
#ba57ea rgb(186,87,234)
```
#eaba57
```
#eaba57 rgb(234,186,87)
```
#87ea57
```
#87ea57 rgb(135,234,87)
```

Tetradic Color

#9b1bd9
```
#9b1bd9 rgb(155,27,217)
```
#a72ae4
```
#a72ae4 rgb(167,42,228)
```
#b140e7
```
#b140e7 rgb(177,64,231)
```
#ba57ea
```
#ba57ea rgb(186,87,234)
```
#c36eed
```
#c36eed rgb(195,110,237)
```
#cd84f0
```
#cd84f0 rgb(205,132,240)
```
#d69bf3
```
#d69bf3 rgb(214,155,243)
```

Monochromatic Color

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

#9557ea
```
#9557ea rgb(149,87,234)
```
#a257ea
```
#a257ea rgb(162,87,234)
```
#ae57ea
```
#ae57ea rgb(174,87,234)
```
#ba57ea
```
#ba57ea rgb(186,87,234)
```
#c657ea
```
#c657ea rgb(198,87,234)
```
#d357ea
```
#d357ea rgb(211,87,234)
```
#df57ea
```
#df57ea rgb(223,87,234)
```

Similar Colors

Text with hexadecimal color #ba57ea

This text has a font color of #ba57ea.

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

#ba57ea background color

This paragraph has a background color of #ba57ea.

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

#ba57ea border color

This element has a border color of #ba57ea.

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

CSS codes

.text {color:#ba57ea;}

.background {background-color:#ba57ea;}

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

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

#050106
```
#050106 rgb(5,1,6)
```
#110318
```
#110318 rgb(17,3,24)
```
#1d0529
```
#1d0529 rgb(29,5,41)
```
#2a073b
```
#2a073b rgb(42,7,59)
```
#360a4c
```
#360a4c rgb(54,10,76)
```
#430c5e
```
#430c5e rgb(67,12,94)
```
#4f0e6f
```
#4f0e6f rgb(79,14,111)
```
#5c1080
```
#5c1080 rgb(92,16,128)
```
#681292
```
#681292 rgb(104,18,146)
```
#7514a3
```
#7514a3 rgb(117,20,163)
```
#8117b5
```
#8117b5 rgb(129,23,181)
```
#8e19c6
```
#8e19c6 rgb(142,25,198)
```
#9a1bd8
```
#9a1bd8 rgb(154,27,216)
```

Shade Color Variation

#a523e3
```
#a523e3 rgb(165,35,227)
```
#ac34e6
```
#ac34e6 rgb(172,52,230)
```
#b346e8
```
#b346e8 rgb(179,70,232)
```
#ba57ea
```
#ba57ea rgb(186,87,234)
```
#c168ec
```
#c168ec rgb(193,104,236)
```
#c87aee
```
#c87aee rgb(200,122,238)
```
#cf8bf1
```
#cf8bf1 rgb(207,139,241)
```
#d79df3
```
#d79df3 rgb(215,157,243)
```
#deaef5
```
#deaef5 rgb(222,174,245)
```
#e5c0f7
```
#e5c0f7 rgb(229,192,247)
```
#ecd1f9
```
#ecd1f9 rgb(236,209,249)
```
#f3e2fb
```
#f3e2fb rgb(243,226,251)
```
#faf4fe
```
#faf4fe rgb(250,244,254)
```

Tint Color Variation

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

#a1a0a1
```
#a1a0a1 rgb(161,160,161)
```
#a398a9
```
#a398a9 rgb(163,152,169)
```
#a691b0
```
#a691b0 rgb(166,145,176)
```
#a88ab7
```
#a88ab7 rgb(168,138,183)
```
#ab83be
```
#ab83be rgb(171,131,190)
```
#ad7bc6
```
#ad7bc6 rgb(173,123,198)
```
#b074cd
```
#b074cd rgb(176,116,205)
```
#b26dd4
```
#b26dd4 rgb(178,109,212)
```
#b566db
```
#b566db rgb(181,102,219)
```
#b75ee3
```
#b75ee3 rgb(183,94,227)
```
#ba57ea
```
#ba57ea rgb(186,87,234)
```
#bd50f1
```
#bd50f1 rgb(189,80,241)
```
#bf48f9
```
#bf48f9 rgb(191,72,249)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#907c99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3586ff Protanopia 1% of men
#4c8bdc Deuteranopia 1% of men
#ab7e87 Tritanopia 0.001% of the population

Trichromacy

#6575f7 Protanomaly 1% of men, 0.01% of women
#7478e1 Deuteranomaly 6% of men, 0.4% of women
#b070ab Tritanomaly 0.01% of the population