colorhexa.com

#ba0ae0 hex color

In a RGB color space, hex #ba0ae0 is composed of 72.9% red, 3.9% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 17% cyan, 95.5% magenta, 0% yellow and 12.2% black. It has a hue angle of 289.3 degrees, a saturation of 91.5% and a lightness of 45.9%. #ba0ae0 color hex could be obtained by blending #ff14ff with #7500c1. Closest websafe color is: #cc00cc.

- R 73
- G 4
- B 88
RGB color chart
- C 17
- M 96
- Y 0
- K 12
CMYK color chart

● #ba0ae0 color description : Vivid magenta.

The hexadecimal color #ba0ae0 has RGB values of R:186, G:10, B:224 and CMYK values of C:0.17, M:0.96, Y:0, K:0.12. Its decimal value is 12192480.

Hex triplet	ba0ae0	`#ba0ae0`
RGB Decimal	186, 10, 224	`rgb(186,10,224)`
RGB Percent	72.9, 3.9, 87.8	`rgb(72.9%,3.9%,87.8%)`
CMYK	17, 96, 0, 12
HSL	289.3°, 91.5, 45.9	`hsl(289.3,91.5%,45.9%)`
HSV (or HSB)	289.3°, 95.5, 87.8
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	47.026, 82.612, -65.44
XYZ	33.811, 16.04, 71.832
xyY	0.278, 0.132, 16.04
CIE-LCH	47.026, 105.391, 321.616
CIE-LUV	47.026, 47.823, -106.173
Hunter-Lab	40.05, 80.609, -78.306
Binary	10111010, 00001010, 11100000

#ba0ae0
```
#ba0ae0 rgb(186,10,224)
```
#30e00a
```
#30e00a rgb(48,224,10)
```

Complementary Color

#4f0ae0
```
#4f0ae0 rgb(79,10,224)
```
#ba0ae0
```
#ba0ae0 rgb(186,10,224)
```
#e00a9b
```
#e00a9b rgb(224,10,155)
```

Analogous Color

#0ae04f
```
#0ae04f rgb(10,224,79)
```
#ba0ae0
```
#ba0ae0 rgb(186,10,224)
```
#9be00a
```
#9be00a rgb(155,224,10)
```

Split Complementary Color

#0ae0ba
```
#0ae0ba rgb(10,224,186)
```
#ba0ae0
```
#ba0ae0 rgb(186,10,224)
```
#e0ba0a
```
#e0ba0a rgb(224,186,10)
```

Triadic Color

#0a30e0
```
#0a30e0 rgb(10,48,224)
```
#ba0ae0
```
#ba0ae0 rgb(186,10,224)
```
#e0ba0a
```
#e0ba0a rgb(224,186,10)
```
#30e00a
```
#30e00a rgb(48,224,10)
```

Tetradic Color

#7d0797
```
#7d0797 rgb(125,7,151)
```
#9108af
```
#9108af rgb(145,8,175)
```
#a609c8
```
#a609c8 rgb(166,9,200)
```
#ba0ae0
```
#ba0ae0 rgb(186,10,224)
```
#cc0ff4
```
#cc0ff4 rgb(204,15,244)
```
#d128f5
```
#d128f5 rgb(209,40,245)
```
#d640f6
```
#d640f6 rgb(214,64,246)
```

Monochromatic Color

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

#850ae0
```
#850ae0 rgb(133,10,224)
```
#960ae0
```
#960ae0 rgb(150,10,224)
```
#a80ae0
```
#a80ae0 rgb(168,10,224)
```
#ba0ae0
```
#ba0ae0 rgb(186,10,224)
```
#cc0ae0
```
#cc0ae0 rgb(204,10,224)
```
#de0ae0
```
#de0ae0 rgb(222,10,224)
```
#e00ad1
```
#e00ad1 rgb(224,10,209)
```

Similar Colors

Text with hexadecimal color #ba0ae0

This text has a font color of #ba0ae0.

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

#ba0ae0 background color

This paragraph has a background color of #ba0ae0.

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

#ba0ae0 border color

This element has a border color of #ba0ae0.

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

CSS codes

.text {color:#ba0ae0;}

.background {background-color:#ba0ae0;}

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

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, #0e0111 is the darkest color, while #fffeff is the lightest one.

#0e0111
```
#0e0111 rgb(14,1,17)
```
#1e0224
```
#1e0224 rgb(30,2,36)
```
#2e0237
```
#2e0237 rgb(46,2,55)
```
#3d034a
```
#3d034a rgb(61,3,74)
```
#4d045d
```
#4d045d rgb(77,4,93)
```
#5c056f
```
#5c056f rgb(92,5,111)
```
#6c0682
```
#6c0682 rgb(108,6,130)
```
#7c0795
```
#7c0795 rgb(124,7,149)
```
#8b07a8
```
#8b07a8 rgb(139,7,168)
```
#9b08ba
```
#9b08ba rgb(155,8,186)
```
#aa09cd
```
#aa09cd rgb(170,9,205)
```
#ba0ae0
```
#ba0ae0 rgb(186,10,224)
```
#ca0bf3
```
#ca0bf3 rgb(202,11,243)
```

Shade Color Variation

#ce1cf5
```
#ce1cf5 rgb(206,28,245)
```
#d22ff6
```
#d22ff6 rgb(210,47,246)
```
#d642f7
```
#d642f7 rgb(214,66,247)
```
#db55f7
```
#db55f7 rgb(219,85,247)
```
#df67f8
```
#df67f8 rgb(223,103,248)
```
#e37af9
```
#e37af9 rgb(227,122,249)
```
#e78dfa
```
#e78dfa rgb(231,141,250)
```
#eba0fb
```
#eba0fb rgb(235,160,251)
```
#efb3fc
```
#efb3fc rgb(239,179,252)
```
#f3c5fc
```
#f3c5fc rgb(243,197,252)
```
#f7d8fd
```
#f7d8fd rgb(247,216,253)
```
#fbebfe
```
#fbebfe rgb(251,235,254)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#7a6d7d
```
#7a6d7d rgb(122,109,125)
```
#806486
```
#806486 rgb(128,100,134)
```
#865b8f
```
#865b8f rgb(134,91,143)
```
#8c5298
```
#8c5298 rgb(140,82,152)
```
#9149a1
```
#9149a1 rgb(145,73,161)
```
#9740aa
```
#9740aa rgb(151,64,170)
```
#9d37b3
```
#9d37b3 rgb(157,55,179)
```
#a32ebc
```
#a32ebc rgb(163,46,188)
```
#a925c5
```
#a925c5 rgb(169,37,197)
```
#ae1cce
```
#ae1cce rgb(174,28,206)
```
#b413d7
```
#b413d7 rgb(180,19,215)
```
#ba0ae0
```
#ba0ae0 rgb(186,10,224)
```
#c001e9
```
#c001e9 rgb(192,1,233)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#6b4872 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e0 Protanopia 1% of men
#0078c9 Deuteranopia 1% of men
#aa6167 Tritanopia 0.001% of the population

Trichromacy

#434de0 Protanomaly 1% of men, 0.01% of women
#4350d1 Deuteranomaly 6% of men, 0.4% of women
#b04193 Tritanomaly 0.01% of the population