#ba57f2 hex color

In a RGB color space, hex #ba57f2 is composed of 72.9% red, 34.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 64% magenta, 0% yellow and 5.1% black. It has a hue angle of 278.3 degrees, a saturation of 85.6% and a lightness of 64.5%. #ba57f2 color hex could be obtained by blending #ffaeff with #7500e5. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 34
- B 95
RGB color chart
- C 23
- M 64
- Y 0
- K 5
CMYK color chart

● #ba57f2 color description : Soft violet.

The hexadecimal color #ba57f2 has RGB values of R:186, G:87, B:242 and CMYK values of C:0.23, M:0.64, Y:0, K:0.05. Its decimal value is 12212210.

Hex triplet	ba57f2	`#ba57f2`
RGB Decimal	186, 87, 242	`rgb(186,87,242)`
RGB Percent	72.9, 34.1, 94.9	`rgb(72.9%,34.1%,94.9%)`
CMYK	23, 64, 0, 5
HSL	278.3°, 85.6, 64.5	`hsl(278.3,85.6%,64.5%)`
HSV (or HSB)	278.3°, 64, 94.9
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	55.753, 64.42, -61.503
XYZ	39.683, 23.667, 86.477
xyY	0.265, 0.158, 23.667
CIE-LCH	55.753, 89.065, 316.327
CIE-LUV	55.753, 32.486, -103.428
Hunter-Lab	48.649, 60.465, -71.338
Binary	10111010, 01010111, 11110010

#ba57f2
```
#ba57f2 rgb(186,87,242)
```
#8ff257
```
#8ff257 rgb(143,242,87)
```

Complementary Color

#6d57f2
```
#6d57f2 rgb(109,87,242)
```
#ba57f2
```
#ba57f2 rgb(186,87,242)
```
#f257dd
```
#f257dd rgb(242,87,221)
```

Analogous Color

#57f26d
```
#57f26d rgb(87,242,109)
```
#ba57f2
```
#ba57f2 rgb(186,87,242)
```
#ddf257
```
#ddf257 rgb(221,242,87)
```

Split Complementary Color

#57f2ba
```
#57f2ba rgb(87,242,186)
```
#ba57f2
```
#ba57f2 rgb(186,87,242)
```
#f2ba57
```
#f2ba57 rgb(242,186,87)
```

Triadic Color

#578ff2
```
#578ff2 rgb(87,143,242)
```
#ba57f2
```
#ba57f2 rgb(186,87,242)
```
#f2ba57
```
#f2ba57 rgb(242,186,87)
```
#8ff257
```
#8ff257 rgb(143,242,87)
```

Tetradic Color

#9c12ea
```
#9c12ea rgb(156,18,234)
```
#a728ee
```
#a728ee rgb(167,40,238)
```
#b03ff0
```
#b03ff0 rgb(176,63,240)
```
#ba57f2
```
#ba57f2 rgb(186,87,242)
```
#c46ff4
```
#c46ff4 rgb(196,111,244)
```
#cd86f6
```
#cd86f6 rgb(205,134,246)
```
#d79ef7
```
#d79ef7 rgb(215,158,247)
```

Monochromatic Color

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

#9357f2
```
#9357f2 rgb(147,87,242)
```
#a057f2
```
#a057f2 rgb(160,87,242)
```
#ad57f2
```
#ad57f2 rgb(173,87,242)
```
#ba57f2
```
#ba57f2 rgb(186,87,242)
```
#c757f2
```
#c757f2 rgb(199,87,242)
```
#d457f2
```
#d457f2 rgb(212,87,242)
```
#e157f2
```
#e157f2 rgb(225,87,242)
```

Similar Colors

Text with hexadecimal color #ba57f2

This text has a font color of #ba57f2.

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

#ba57f2 background color

This paragraph has a background color of #ba57f2.

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

#ba57f2 border color

This element has a border color of #ba57f2.

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

CSS codes

.text {color:#ba57f2;}

.background {background-color:#ba57f2;}

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

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, #09010e is the darkest color, while #fdfbff is the lightest one.

#09010e
```
#09010e rgb(9,1,14)
```
#160220
```
#160220 rgb(22,2,32)
```
#220432
```
#220432 rgb(34,4,50)
```
#2e0545
```
#2e0545 rgb(46,5,69)
```
#3a0757
```
#3a0757 rgb(58,7,87)
```
#460869
```
#460869 rgb(70,8,105)
```
#520a7b
```
#520a7b rgb(82,10,123)
```
#5e0b8e
```
#5e0b8e rgb(94,11,142)
```
#6a0ca0
```
#6a0ca0 rgb(106,12,160)
```
#770eb2
```
#770eb2 rgb(119,14,178)
```
#830fc4
```
#830fc4 rgb(131,15,196)
```
#8f11d6
```
#8f11d6 rgb(143,17,214)
```
#9b12e9
```
#9b12e9 rgb(155,18,233)
```

Shade Color Variation

#a420ee
```
#a420ee rgb(164,32,238)
```
#ab33ef
```
#ab33ef rgb(171,51,239)
```
#b345f1
```
#b345f1 rgb(179,69,241)
```
#ba57f2
```
#ba57f2 rgb(186,87,242)
```
#c169f3
```
#c169f3 rgb(193,105,243)
```
#c97bf5
```
#c97bf5 rgb(201,123,245)
```
#d08ef6
```
#d08ef6 rgb(208,142,246)
```
#d8a0f8
```
#d8a0f8 rgb(216,160,248)
```
#dfb2f9
```
#dfb2f9 rgb(223,178,249)
```
#e7c4fa
```
#e7c4fa rgb(231,196,250)
```
#eed6fc
```
#eed6fc rgb(238,214,252)
```
#f6e9fd
```
#f6e9fd rgb(246,233,253)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

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

#a5a4a5
```
#a5a4a5 rgb(165,164,165)
```
#a79dac
```
#a79dac rgb(167,157,172)
```
#a996b3
```
#a996b3 rgb(169,150,179)
```
#ab8fba
```
#ab8fba rgb(171,143,186)
```
#ac88c1
```
#ac88c1 rgb(172,136,193)
```
#ae81c8
```
#ae81c8 rgb(174,129,200)
```
#b07acf
```
#b07acf rgb(176,122,207)
```
#b273d6
```
#b273d6 rgb(178,115,214)
```
#b46cdd
```
#b46cdd rgb(180,108,221)
```
#b665e4
```
#b665e4 rgb(182,101,228)
```
#b85eeb
```
#b85eeb rgb(184,94,235)
```
#ba57f2
```
#ba57f2 rgb(186,87,242)
```
#bc50f9
```
#bc50f9 rgb(188,80,249)
```

Tone Color Variation

Below, you can see how #ba57f2 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
#907d9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3988ff Protanopia 1% of men
#418de3 Deuteranopia 1% of men
#a9818a Tritanopia 0.001% of the population

Trichromacy

#6876fa Protanomaly 1% of men, 0.01% of women
#6d79e8 Deuteranomaly 6% of men, 0.4% of women
#af71b0 Tritanomaly 0.01% of the population

#ba57f2 hex color

#ba57f2 Color Information

#ba57f2 Color Conversion

Color Schemes with #ba57f2

Alternatives to #ba57f2

#ba57f2 Preview

Shades and Tints of #ba57f2

Tones of #ba57f2

Color Blindness Simulator