#ba4ef0 hex color

In a RGB color space, hex #ba4ef0 is composed of 72.9% red, 30.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 67.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 280 degrees, a saturation of 84.4% and a lightness of 62.4%. #ba4ef0 color hex could be obtained by blending #ff9cff with #7500e1. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 31
- B 94
RGB color chart
- C 23
- M 68
- Y 0
- K 6
CMYK color chart

● #ba4ef0 color description : Soft violet.

The hexadecimal color #ba4ef0 has RGB values of R:186, G:78, B:240 and CMYK values of C:0.23, M:0.68, Y:0, K:0.06. Its decimal value is 12209904.

Hex triplet	ba4ef0	`#ba4ef0`
RGB Decimal	186, 78, 240	`rgb(186,78,240)`
RGB Percent	72.9, 30.6, 94.1	`rgb(72.9%,30.6%,94.1%)`
CMYK	23, 68, 0, 6
HSL	280°, 84.4, 62.4	`hsl(280,84.4%,62.4%)`
HSV (or HSB)	280°, 67.5, 94.1
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	54.218, 67.928, -62.855
XYZ	38.7, 22.18, 84.676
xyY	0.266, 0.152, 22.18
CIE-LCH	54.218, 92.547, 317.221
CIE-LUV	54.218, 35.009, -105.133
Hunter-Lab	47.096, 64.261, -73.633
Binary	10111010, 01001110, 11110000

#ba4ef0
```
#ba4ef0 rgb(186,78,240)
```
#84f04e
```
#84f04e rgb(132,240,78)
```

Complementary Color

#694ef0
```
#694ef0 rgb(105,78,240)
```
#ba4ef0
```
#ba4ef0 rgb(186,78,240)
```
#f04ed5
```
#f04ed5 rgb(240,78,213)
```

Analogous Color

#4ef069
```
#4ef069 rgb(78,240,105)
```
#ba4ef0
```
#ba4ef0 rgb(186,78,240)
```
#d5f04e
```
#d5f04e rgb(213,240,78)
```

Split Complementary Color

#4ef0ba
```
#4ef0ba rgb(78,240,186)
```
#ba4ef0
```
#ba4ef0 rgb(186,78,240)
```
#f0ba4e
```
#f0ba4e rgb(240,186,78)
```

Triadic Color

#4e84f0
```
#4e84f0 rgb(78,132,240)
```
#ba4ef0
```
#ba4ef0 rgb(186,78,240)
```
#f0ba4e
```
#f0ba4e rgb(240,186,78)
```
#84f04e
```
#84f04e rgb(132,240,78)
```

Tetradic Color

#9b13df
```
#9b13df rgb(155,19,223)
```
#a81fec
```
#a81fec rgb(168,31,236)
```
#b136ee
```
#b136ee rgb(177,54,238)
```
#ba4ef0
```
#ba4ef0 rgb(186,78,240)
```
#c366f2
```
#c366f2 rgb(195,102,242)
```
#cc7df4
```
#cc7df4 rgb(204,125,244)
```
#d595f6
```
#d595f6 rgb(213,149,246)
```

Monochromatic Color

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

#924ef0
```
#924ef0 rgb(146,78,240)
```
#9f4ef0
```
#9f4ef0 rgb(159,78,240)
```
#ad4ef0
```
#ad4ef0 rgb(173,78,240)
```
#ba4ef0
```
#ba4ef0 rgb(186,78,240)
```
#c84ef0
```
#c84ef0 rgb(200,78,240)
```
#d54ef0
```
#d54ef0 rgb(213,78,240)
```
#e34ef0
```
#e34ef0 rgb(227,78,240)
```

Similar Colors

Text with hexadecimal color #ba4ef0

This text has a font color of #ba4ef0.

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

#ba4ef0 background color

This paragraph has a background color of #ba4ef0.

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

#ba4ef0 border color

This element has a border color of #ba4ef0.

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

CSS codes

.text {color:#ba4ef0;}

.background {background-color:#ba4ef0;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#0f0216
```
#0f0216 rgb(15,2,22)
```
#1c0328
```
#1c0328 rgb(28,3,40)
```
#28053a
```
#28053a rgb(40,5,58)
```
#35064c
```
#35064c rgb(53,6,76)
```
#41085e
```
#41085e rgb(65,8,94)
```
#4e0a70
```
#4e0a70 rgb(78,10,112)
```
#5b0b82
```
#5b0b82 rgb(91,11,130)
```
#670d94
```
#670d94 rgb(103,13,148)
```
#740ea7
```
#740ea7 rgb(116,14,167)
```
#8010b9
```
#8010b9 rgb(128,16,185)
```
#8d11cb
```
#8d11cb rgb(141,17,203)
```
#9913dd
```
#9913dd rgb(153,19,221)
```

Shade Color Variation

#a518eb
```
#a518eb rgb(165,24,235)
```
#ac2aed
```
#ac2aed rgb(172,42,237)
```
#b33cee
```
#b33cee rgb(179,60,238)
```
#ba4ef0
```
#ba4ef0 rgb(186,78,240)
```
#c160f2
```
#c160f2 rgb(193,96,242)
```
#c872f3
```
#c872f3 rgb(200,114,243)
```
#cf84f5
```
#cf84f5 rgb(207,132,245)
```
#d696f6
```
#d696f6 rgb(214,150,246)
```
#dda8f8
```
#dda8f8 rgb(221,168,248)
```
#e4baf9
```
#e4baf9 rgb(228,186,249)
```
#ebcdfb
```
#ebcdfb rgb(235,205,251)
```
#f2dffc
```
#f2dffc rgb(242,223,252)
```
#f9f1fe
```
#f9f1fe rgb(249,241,254)
```

Tint Color Variation

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

#a198a6
```
#a198a6 rgb(161,152,166)
```
#a490ae
```
#a490ae rgb(164,144,174)
```
#a689b5
```
#a689b5 rgb(166,137,181)
```
#a982bc
```
#a982bc rgb(169,130,188)
```
#ab7ac4
```
#ab7ac4 rgb(171,122,196)
```
#ae73cb
```
#ae73cb rgb(174,115,203)
```
#b06cd2
```
#b06cd2 rgb(176,108,210)
```
#b364da
```
#b364da rgb(179,100,218)
```
#b55de1
```
#b55de1 rgb(181,93,225)
```
#b855e9
```
#b855e9 rgb(184,85,233)
```
#ba4ef0
```
#ba4ef0 rgb(186,78,240)
```
#bc47f7
```
#bc47f7 rgb(188,71,247)
```
#bf3fff
```
#bf3fff rgb(191,63,255)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8c7797 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2384ff Protanopia 1% of men
#3689e0 Deuteranopia 1% of men
#a97c84 Tritanopia 0.001% of the population

Trichromacy

#5a70f9 Protanomaly 1% of men, 0.01% of women
#6674e6 Deuteranomaly 6% of men, 0.4% of women
#af6bab Tritanomaly 0.01% of the population

#ba4ef0 hex color

#ba4ef0 Color Information

#ba4ef0 Color Conversion

Color Schemes with #ba4ef0

Alternatives to #ba4ef0

#ba4ef0 Preview

Shades and Tints of #ba4ef0

Tones of #ba4ef0

Color Blindness Simulator