#ba50f8 hex color

In a RGB color space, hex #ba50f8 is composed of 72.9% red, 31.4% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 67.7% magenta, 0% yellow and 2.7% black. It has a hue angle of 277.9 degrees, a saturation of 92.3% and a lightness of 64.3%. #ba50f8 color hex could be obtained by blending #ffa0ff with #7500f1. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 31
- B 97
RGB color chart
- C 25
- M 68
- Y 0
- K 3
CMYK color chart

● #ba50f8 color description : Soft violet.

The hexadecimal color #ba50f8 has RGB values of R:186, G:80, B:248 and CMYK values of C:0.25, M:0.68, Y:0, K:0.03. Its decimal value is 12210424.

Hex triplet	ba50f8	`#ba50f8`
RGB Decimal	186, 80, 248	`rgb(186,80,248)`
RGB Percent	72.9, 31.4, 97.3	`rgb(72.9%,31.4%,97.3%)`
CMYK	25, 68, 0, 3
HSL	277.9°, 92.3, 64.3	`hsl(277.9,92.3%,64.3%)`
HSV (or HSB)	277.9°, 67.7, 97.3
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	55.026, 68.734, -66.016
XYZ	40.059, 22.955, 91.122
xyY	0.26, 0.149, 22.955
CIE-LCH	55.026, 95.302, 316.156
CIE-LUV	55.026, 32.744, -110.337
Hunter-Lab	47.911, 65.402, -79.226
Binary	10111010, 01010000, 11111000

#ba50f8
```
#ba50f8 rgb(186,80,248)
```
#8ef850
```
#8ef850 rgb(142,248,80)
```

Complementary Color

#6650f8
```
#6650f8 rgb(102,80,248)
```
#ba50f8
```
#ba50f8 rgb(186,80,248)
```
#f850e2
```
#f850e2 rgb(248,80,226)
```

Analogous Color

#50f866
```
#50f866 rgb(80,248,102)
```
#ba50f8
```
#ba50f8 rgb(186,80,248)
```
#e2f850
```
#e2f850 rgb(226,248,80)
```

Split Complementary Color

#50f8ba
```
#50f8ba rgb(80,248,186)
```
#ba50f8
```
#ba50f8 rgb(186,80,248)
```
#f8ba50
```
#f8ba50 rgb(248,186,80)
```

Triadic Color

#508ef8
```
#508ef8 rgb(80,142,248)
```
#ba50f8
```
#ba50f8 rgb(186,80,248)
```
#f8ba50
```
#f8ba50 rgb(248,186,80)
```
#8ef850
```
#8ef850 rgb(142,248,80)
```

Tetradic Color

#9c0af2
```
#9c0af2 rgb(156,10,242)
```
#a71ff6
```
#a71ff6 rgb(167,31,246)
```
#b037f7
```
#b037f7 rgb(176,55,247)
```
#ba50f8
```
#ba50f8 rgb(186,80,248)
```
#c469f9
```
#c469f9 rgb(196,105,249)
```
#cd81fa
```
#cd81fa rgb(205,129,250)
```
#d79afb
```
#d79afb rgb(215,154,251)
```

Monochromatic Color

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

#9050f8
```
#9050f8 rgb(144,80,248)
```
#9e50f8
```
#9e50f8 rgb(158,80,248)
```
#ac50f8
```
#ac50f8 rgb(172,80,248)
```
#ba50f8
```
#ba50f8 rgb(186,80,248)
```
#c850f8
```
#c850f8 rgb(200,80,248)
```
#d650f8
```
#d650f8 rgb(214,80,248)
```
#e450f8
```
#e450f8 rgb(228,80,248)
```

Similar Colors

Text with hexadecimal color #ba50f8

This text has a font color of #ba50f8.

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

#ba50f8 background color

This paragraph has a background color of #ba50f8.

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

#ba50f8 border color

This element has a border color of #ba50f8.

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

CSS codes

.text {color:#ba50f8;}

.background {background-color:#ba50f8;}

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

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 #fdfaff is the lightest one.

#09010e
```
#09010e rgb(9,1,14)
```
#150120
```
#150120 rgb(21,1,32)
```
#210233
```
#210233 rgb(33,2,51)
```
#2d0346
```
#2d0346 rgb(45,3,70)
```
#3a0459
```
#3a0459 rgb(58,4,89)
```
#46046c
```
#46046c rgb(70,4,108)
```
#52057f
```
#52057f rgb(82,5,127)
```
#5e0692
```
#5e0692 rgb(94,6,146)
```
#6a07a4
```
#6a07a4 rgb(106,7,164)
```
#7607b7
```
#7607b7 rgb(118,7,183)
```
#8308ca
```
#8308ca rgb(131,8,202)
```
#8f09dd
```
#8f09dd rgb(143,9,221)
```
#9b0af0
```
#9b0af0 rgb(155,10,240)
```

Shade Color Variation

#a417f6
```
#a417f6 rgb(164,23,246)
```
#ab2af6
```
#ab2af6 rgb(171,42,246)
```
#b33df7
```
#b33df7 rgb(179,61,247)
```
#ba50f8
```
#ba50f8 rgb(186,80,248)
```
#c163f9
```
#c163f9 rgb(193,99,249)
```
#c976fa
```
#c976fa rgb(201,118,250)
```
#d089fa
```
#d089fa rgb(208,137,250)
```
#d89bfb
```
#d89bfb rgb(216,155,251)
```
#dfaefc
```
#dfaefc rgb(223,174,252)
```
#e7c1fd
```
#e7c1fd rgb(231,193,253)
```
#eed4fd
```
#eed4fd rgb(238,212,253)
```
#f5e7fe
```
#f5e7fe rgb(245,231,254)
```
#fdfaff
```
#fdfaff rgb(253,250,255)
```

Tint Color Variation

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

#a4a4a4
```
#a4a4a4 rgb(164,164,164)
```
#a69dab
```
#a69dab rgb(166,157,171)
```
#a896b2
```
#a896b2 rgb(168,150,178)
```
#aa8fb9
```
#aa8fb9 rgb(170,143,185)
```
#ab88c0
```
#ab88c0 rgb(171,136,192)
```
#ad81c7
```
#ad81c7 rgb(173,129,199)
```
#af7ace
```
#af7ace rgb(175,122,206)
```
#b173d5
```
#b173d5 rgb(177,115,213)
```
#b36cdc
```
#b36cdc rgb(179,108,220)
```
#b565e3
```
#b565e3 rgb(181,101,227)
```
#b65eea
```
#b65eea rgb(182,94,234)
```
#b857f1
```
#b857f1 rgb(184,87,241)
```
#ba50f8
```
#ba50f8 rgb(186,80,248)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#8e799a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3086ff Protanopia 1% of men
#268ce7 Deuteranopia 1% of men
#a77f88 Tritanopia 0.001% of the population

Trichromacy

#6272fc Protanomaly 1% of men, 0.01% of women
#5b76ed Deuteranomaly 6% of men, 0.4% of women
#ae6eb1 Tritanomaly 0.01% of the population

#ba50f8 hex color

#ba50f8 Color Information

#ba50f8 Color Conversion

Color Schemes with #ba50f8

Alternatives to #ba50f8

#ba50f8 Preview

Shades and Tints of #ba50f8

Tones of #ba50f8

Color Blindness Simulator