#ba1ae8 hex color

In a RGB color space, hex #ba1ae8 is composed of 72.9% red, 10.2% green and 91% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 88.8% magenta, 0% yellow and 9% black. It has a hue angle of 286.6 degrees, a saturation of 81.7% and a lightness of 50.6%. #ba1ae8 color hex could be obtained by blending #ff34ff with #7500d1. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 10
- B 91
RGB color chart
- C 20
- M 89
- Y 0
- K 9
CMYK color chart

● #ba1ae8 color description : Vivid magenta.

The hexadecimal color #ba1ae8 has RGB values of R:186, G:26, B:232 and CMYK values of C:0.2, M:0.89, Y:0, K:0.09. Its decimal value is 12196584.

Hex triplet	ba1ae8	`#ba1ae8`
RGB Decimal	186, 26, 232	`rgb(186,26,232)`
RGB Percent	72.9, 10.2, 91	`rgb(72.9%,10.2%,91%)`
CMYK	20, 89, 0, 9
HSL	286.6°, 81.7, 50.6	`hsl(286.6,81.7%,50.6%)`
HSV (or HSB)	286.6°, 88.8, 91
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	48.267, 81.992, -67.972
XYZ	35.183, 17.006, 77.769
xyY	0.271, 0.131, 17.006
CIE-LCH	48.267, 106.502, 320.341
CIE-LUV	48.267, 44.519, -110.446
Hunter-Lab	41.238, 80.124, -82.946
Binary	10111010, 00011010, 11101000

#ba1ae8
```
#ba1ae8 rgb(186,26,232)
```
#48e81a
```
#48e81a rgb(72,232,26)
```

Complementary Color

#531ae8
```
#531ae8 rgb(83,26,232)
```
#ba1ae8
```
#ba1ae8 rgb(186,26,232)
```
#e81aaf
```
#e81aaf rgb(232,26,175)
```

Analogous Color

#1ae853
```
#1ae853 rgb(26,232,83)
```
#ba1ae8
```
#ba1ae8 rgb(186,26,232)
```
#afe81a
```
#afe81a rgb(175,232,26)
```

Split Complementary Color

#1ae8ba
```
#1ae8ba rgb(26,232,186)
```
#ba1ae8
```
#ba1ae8 rgb(186,26,232)
```
#e8ba1a
```
#e8ba1a rgb(232,186,26)
```

Triadic Color

#1a48e8
```
#1a48e8 rgb(26,72,232)
```
#ba1ae8
```
#ba1ae8 rgb(186,26,232)
```
#e8ba1a
```
#e8ba1a rgb(232,186,26)
```
#48e81a
```
#48e81a rgb(72,232,26)
```

Tetradic Color

#8411a5
```
#8411a5 rgb(132,17,165)
```
#9613bc
```
#9613bc rgb(150,19,188)
```
#a915d3
```
#a915d3 rgb(169,21,211)
```
#ba1ae8
```
#ba1ae8 rgb(186,26,232)
```
#c131ea
```
#c131ea rgb(193,49,234)
```
#c848ed
```
#c848ed rgb(200,72,237)
```
#cf60ef
```
#cf60ef rgb(207,96,239)
```

Monochromatic Color

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

#871ae8
```
#871ae8 rgb(135,26,232)
```
#981ae8
```
#981ae8 rgb(152,26,232)
```
#a91ae8
```
#a91ae8 rgb(169,26,232)
```
#ba1ae8
```
#ba1ae8 rgb(186,26,232)
```
#cb1ae8
```
#cb1ae8 rgb(203,26,232)
```
#dc1ae8
```
#dc1ae8 rgb(220,26,232)
```
#e81ae3
```
#e81ae3 rgb(232,26,227)
```

Similar Colors

Text with hexadecimal color #ba1ae8

This text has a font color of #ba1ae8.

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

#ba1ae8 background color

This paragraph has a background color of #ba1ae8.

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

#ba1ae8 border color

This element has a border color of #ba1ae8.

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

CSS codes

.text {color:#ba1ae8;}

.background {background-color:#ba1ae8;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#100215
```
#100215 rgb(16,2,21)
```
#1f0426
```
#1f0426 rgb(31,4,38)
```
#2d0638
```
#2d0638 rgb(45,6,56)
```
#3b074a
```
#3b074a rgb(59,7,74)
```
#49095c
```
#49095c rgb(73,9,92)
```
#580b6e
```
#580b6e rgb(88,11,110)
```
#660d80
```
#660d80 rgb(102,13,128)
```
#740f91
```
#740f91 rgb(116,15,145)
```
#8210a3
```
#8210a3 rgb(130,16,163)
```
#9112b5
```
#9112b5 rgb(145,18,181)
```
#9f14c7
```
#9f14c7 rgb(159,20,199)
```
#ad16d9
```
#ad16d9 rgb(173,22,217)
```

Shade Color Variation

#ba1ae8
```
#ba1ae8 rgb(186,26,232)
```
#bf2cea
```
#bf2cea rgb(191,44,234)
```
#c53eec
```
#c53eec rgb(197,62,236)
```
#ca4fed
```
#ca4fed rgb(202,79,237)
```
#cf61ef
```
#cf61ef rgb(207,97,239)
```
#d573f1
```
#d573f1 rgb(213,115,241)
```
#da85f3
```
#da85f3 rgb(218,133,243)
```
#e097f5
```
#e097f5 rgb(224,151,245)
```
#e5a9f6
```
#e5a9f6 rgb(229,169,246)
```
#eabaf8
```
#eabaf8 rgb(234,186,248)
```
#f0ccfa
```
#f0ccfa rgb(240,204,250)
```
#f5defc
```
#f5defc rgb(245,222,252)
```
#faf0fd
```
#faf0fd rgb(250,240,253)
```

Tint Color Variation

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

#847b87
```
#847b87 rgb(132,123,135)
```
#8a7191
```
#8a7191 rgb(138,113,145)
```
#8f689a
```
#8f689a rgb(143,104,154)
```
#945ea4
```
#945ea4 rgb(148,94,164)
```
#9a54ae
```
#9a54ae rgb(154,84,174)
```
#9f4ab8
```
#9f4ab8 rgb(159,74,184)
```
#a541c1
```
#a541c1 rgb(165,65,193)
```
#aa37cb
```
#aa37cb rgb(170,55,203)
```
#af2dd5
```
#af2dd5 rgb(175,45,213)
```
#b524de
```
#b524de rgb(181,36,222)
```
#ba1ae8
```
#ba1ae8 rgb(186,26,232)
```
#bf10f2
```
#bf10f2 rgb(191,16,242)
```
#c507fb
```
#c507fb rgb(197,7,251)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#73537c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e6 Protanopia 1% of men
#007ccd Deuteranopia 1% of men
#a8676d Tritanopia 0.001% of the population

Trichromacy

#4354e7 Protanomaly 1% of men, 0.01% of women
#4358d7 Deuteranomaly 6% of men, 0.4% of women
#af4b9a Tritanomaly 0.01% of the population

#ba1ae8 hex color

#ba1ae8 Color Information

#ba1ae8 Color Conversion

Color Schemes with #ba1ae8

Alternatives to #ba1ae8

#ba1ae8 Preview

Shades and Tints of #ba1ae8

Tones of #ba1ae8

Color Blindness Simulator