#ba57ec hex color

In a RGB color space, hex #ba57ec is composed of 72.9% red, 34.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 63.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 279.9 degrees, a saturation of 79.7% and a lightness of 63.3%. #ba57ec color hex could be obtained by blending #ffaeff with #7500d9. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 34
- B 93
RGB color chart
- C 21
- M 63
- Y 0
- K 7
CMYK color chart

● #ba57ec color description : Soft violet.

The hexadecimal color #ba57ec has RGB values of R:186, G:87, B:236 and CMYK values of C:0.21, M:0.63, Y:0, K:0.07. Its decimal value is 12212204.

Hex triplet	ba57ec	`#ba57ec`
RGB Decimal	186, 87, 236	`rgb(186,87,236)`
RGB Percent	72.9, 34.1, 92.5	`rgb(72.9%,34.1%,92.5%)`
CMYK	21, 63, 0, 7
HSL	279.9°, 79.7, 63.3	`hsl(279.9,79.7%,63.3%)`
HSV (or HSB)	279.9°, 63.1, 92.5
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	55.393, 63.169, -58.729
XYZ	38.796, 23.313, 81.808
xyY	0.27, 0.162, 23.313
CIE-LCH	55.393, 86.252, 317.086
CIE-LUV	55.393, 33.82, -98.909
Hunter-Lab	48.283, 58.931, -66.659
Binary	10111010, 01010111, 11101100

#ba57ec
```
#ba57ec rgb(186,87,236)
```
#89ec57
```
#89ec57 rgb(137,236,87)
```

Complementary Color

#7057ec
```
#7057ec rgb(112,87,236)
```
#ba57ec
```
#ba57ec rgb(186,87,236)
```
#ec57d4
```
#ec57d4 rgb(236,87,212)
```

Analogous Color

#57ec70
```
#57ec70 rgb(87,236,112)
```
#ba57ec
```
#ba57ec rgb(186,87,236)
```
#d4ec57
```
#d4ec57 rgb(212,236,87)
```

Split Complementary Color

#57ecba
```
#57ecba rgb(87,236,186)
```
#ba57ec
```
#ba57ec rgb(186,87,236)
```
#ecba57
```
#ecba57 rgb(236,186,87)
```

Triadic Color

#5789ec
```
#5789ec rgb(87,137,236)
```
#ba57ec
```
#ba57ec rgb(186,87,236)
```
#ecba57
```
#ecba57 rgb(236,186,87)
```
#89ec57
```
#89ec57 rgb(137,236,87)
```

Tetradic Color

#9c19dd
```
#9c19dd rgb(156,25,221)
```
#a729e7
```
#a729e7 rgb(167,41,231)
```
#b140e9
```
#b140e9 rgb(177,64,233)
```
#ba57ec
```
#ba57ec rgb(186,87,236)
```
#c36eef
```
#c36eef rgb(195,110,239)
```
#cd85f1
```
#cd85f1 rgb(205,133,241)
```
#d69cf4
```
#d69cf4 rgb(214,156,244)
```

Monochromatic Color

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

#9557ec
```
#9557ec rgb(149,87,236)
```
#a157ec
```
#a157ec rgb(161,87,236)
```
#ae57ec
```
#ae57ec rgb(174,87,236)
```
#ba57ec
```
#ba57ec rgb(186,87,236)
```
#c657ec
```
#c657ec rgb(198,87,236)
```
#d357ec
```
#d357ec rgb(211,87,236)
```
#df57ec
```
#df57ec rgb(223,87,236)
```

Similar Colors

Text with hexadecimal color #ba57ec

This text has a font color of #ba57ec.

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

#ba57ec background color

This paragraph has a background color of #ba57ec.

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

#ba57ec border color

This element has a border color of #ba57ec.

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

CSS codes

.text {color:#ba57ec;}

.background {background-color:#ba57ec;}

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

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

#060108
```
#060108 rgb(6,1,8)
```
#12031a
```
#12031a rgb(18,3,26)
```
#1f052b
```
#1f052b rgb(31,5,43)
```
#2b073d
```
#2b073d rgb(43,7,61)
```
#37094f
```
#37094f rgb(55,9,79)
```
#440b60
```
#440b60 rgb(68,11,96)
```
#500d72
```
#500d72 rgb(80,13,114)
```
#5c0f84
```
#5c0f84 rgb(92,15,132)
```
#691195
```
#691195 rgb(105,17,149)
```
#7513a7
```
#7513a7 rgb(117,19,167)
```
#8215b8
```
#8215b8 rgb(130,21,184)
```
#8e17ca
```
#8e17ca rgb(142,23,202)
```
#9a19dc
```
#9a19dc rgb(154,25,220)
```

Shade Color Variation

#a422e6
```
#a422e6 rgb(164,34,230)
```
#ac34e8
```
#ac34e8 rgb(172,52,232)
```
#b345ea
```
#b345ea rgb(179,69,234)
```
#ba57ec
```
#ba57ec rgb(186,87,236)
```
#c169ee
```
#c169ee rgb(193,105,238)
```
#c87af0
```
#c87af0 rgb(200,122,240)
```
#d08cf2
```
#d08cf2 rgb(208,140,242)
```
#d79df4
```
#d79df4 rgb(215,157,244)
```
#deaff6
```
#deaff6 rgb(222,175,246)
```
#e5c1f8
```
#e5c1f8 rgb(229,193,248)
```
#edd2fa
```
#edd2fa rgb(237,210,250)
```
#f4e4fc
```
#f4e4fc rgb(244,228,252)
```
#fbf6fe
```
#fbf6fe rgb(251,246,254)
```

Tint Color Variation

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

#a29fa4
```
#a29fa4 rgb(162,159,164)
```
#a598ab
```
#a598ab rgb(165,152,171)
```
#a791b2
```
#a791b2 rgb(167,145,178)
```
#a989ba
```
#a989ba rgb(169,137,186)
```
#ac82c1
```
#ac82c1 rgb(172,130,193)
```
#ae7bc8
```
#ae7bc8 rgb(174,123,200)
```
#b174cf
```
#b174cf rgb(177,116,207)
```
#b36dd6
```
#b36dd6 rgb(179,109,214)
```
#b565de
```
#b565de rgb(181,101,222)
```
#b85ee5
```
#b85ee5 rgb(184,94,229)
```
#ba57ec
```
#ba57ec rgb(186,87,236)
```
#bc50f3
```
#bc50f3 rgb(188,80,243)
```
#bf49fa
```
#bf49fa rgb(191,73,250)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#907d9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3687ff Protanopia 1% of men
#4a8cde Deuteranopia 1% of men
#aa7f88 Tritanopia 0.001% of the population

Trichromacy

#6675f8 Protanomaly 1% of men, 0.01% of women
#7278e3 Deuteranomaly 6% of men, 0.4% of women
#b070ac Tritanomaly 0.01% of the population

#ba57ec hex color

#ba57ec Color Information

#ba57ec Color Conversion

Color Schemes with #ba57ec

Alternatives to #ba57ec

#ba57ec Preview

Shades and Tints of #ba57ec

Tones of #ba57ec

Color Blindness Simulator