#ba2ae8 hex color

In a RGB color space, hex #ba2ae8 is composed of 72.9% red, 16.5% green and 91% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 81.9% magenta, 0% yellow and 9% black. It has a hue angle of 285.5 degrees, a saturation of 80.5% and a lightness of 53.7%. #ba2ae8 color hex could be obtained by blending #ff54ff with #7500d1. Closest websafe color is: #cc33ff.

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

● #ba2ae8 color description : Bright magenta.

The hexadecimal color #ba2ae8 has RGB values of R:186, G:42, B:232 and CMYK values of C:0.2, M:0.82, Y:0, K:0.09. Its decimal value is 12200680.

Hex triplet	ba2ae8	`#ba2ae8`
RGB Decimal	186, 42, 232	`rgb(186,42,232)`
RGB Percent	72.9, 16.5, 91	`rgb(72.9%,16.5%,91%)`
CMYK	20, 82, 0, 9
HSL	285.5°, 80.5, 53.7	`hsl(285.5,80.5%,53.7%)`
HSV (or HSB)	285.5°, 81.9, 91
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	49.402, 78.652, -66.132
XYZ	35.641, 17.923, 77.922
xyY	0.271, 0.136, 17.923
CIE-LCH	49.402, 102.759, 319.942
CIE-LUV	49.402, 43.049, -108.313
Hunter-Lab	42.335, 76.19, -79.494
Binary	10111010, 00101010, 11101000

#ba2ae8
```
#ba2ae8 rgb(186,42,232)
```
#58e82a
```
#58e82a rgb(88,232,42)
```

Complementary Color

#5b2ae8
```
#5b2ae8 rgb(91,42,232)
```
#ba2ae8
```
#ba2ae8 rgb(186,42,232)
```
#e82ab7
```
#e82ab7 rgb(232,42,183)
```

Analogous Color

#2ae85b
```
#2ae85b rgb(42,232,91)
```
#ba2ae8
```
#ba2ae8 rgb(186,42,232)
```
#b7e82a
```
#b7e82a rgb(183,232,42)
```

Split Complementary Color

#2ae8ba
```
#2ae8ba rgb(42,232,186)
```
#ba2ae8
```
#ba2ae8 rgb(186,42,232)
```
#e8ba2a
```
#e8ba2a rgb(232,186,42)
```

Triadic Color

#2a58e8
```
#2a58e8 rgb(42,88,232)
```
#ba2ae8
```
#ba2ae8 rgb(186,42,232)
```
#e8ba2a
```
#e8ba2a rgb(232,186,42)
```
#58e82a
```
#58e82a rgb(88,232,42)
```

Tetradic Color

#8c13b2
```
#8c13b2 rgb(140,19,178)
```
#9e16c9
```
#9e16c9 rgb(158,22,201)
```
#b018e0
```
#b018e0 rgb(176,24,224)
```
#ba2ae8
```
#ba2ae8 rgb(186,42,232)
```
#c141ea
```
#c141ea rgb(193,65,234)
```
#c958ed
```
#c958ed rgb(201,88,237)
```
#d06fef
```
#d06fef rgb(208,111,239)
```

Monochromatic Color

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

#8b2ae8
```
#8b2ae8 rgb(139,42,232)
```
#9a2ae8
```
#9a2ae8 rgb(154,42,232)
```
#aa2ae8
```
#aa2ae8 rgb(170,42,232)
```
#ba2ae8
```
#ba2ae8 rgb(186,42,232)
```
#ca2ae8
```
#ca2ae8 rgb(202,42,232)
```
#da2ae8
```
#da2ae8 rgb(218,42,232)
```
#e82ae7
```
#e82ae7 rgb(232,42,231)
```

Similar Colors

Text with hexadecimal color #ba2ae8

This text has a font color of #ba2ae8.

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

#ba2ae8 background color

This paragraph has a background color of #ba2ae8.

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

#ba2ae8 border color

This element has a border color of #ba2ae8.

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

CSS codes

.text {color:#ba2ae8;}

.background {background-color:#ba2ae8;}

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

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

#0d0211
```
#0d0211 rgb(13,2,17)
```
#1b0423
```
#1b0423 rgb(27,4,35)
```
#290635
```
#290635 rgb(41,6,53)
```
#370846
```
#370846 rgb(55,8,70)
```
#450958
```
#450958 rgb(69,9,88)
```
#530b6a
```
#530b6a rgb(83,11,106)
```
#610d7b
```
#610d7b rgb(97,13,123)
```
#6f0f8d
```
#6f0f8d rgb(111,15,141)
```
#7c119f
```
#7c119f rgb(124,17,159)
```
#8a13b0
```
#8a13b0 rgb(138,19,176)
```
#9815c2
```
#9815c2 rgb(152,21,194)
```
#a617d4
```
#a617d4 rgb(166,23,212)
```
#b419e6
```
#b419e6 rgb(180,25,230)
```

Shade Color Variation

#ba2ae8
```
#ba2ae8 rgb(186,42,232)
```
#c03cea
```
#c03cea rgb(192,60,234)
```
#c54dec
```
#c54dec rgb(197,77,236)
```
#cb5fee
```
#cb5fee rgb(203,95,238)
```
#d171f0
```
#d171f0 rgb(209,113,240)
```
#d783f2
```
#d783f2 rgb(215,131,242)
```
#dc94f3
```
#dc94f3 rgb(220,148,243)
```
#e2a6f5
```
#e2a6f5 rgb(226,166,245)
```
#e8b8f7
```
#e8b8f7 rgb(232,184,247)
```
#eec9f9
```
#eec9f9 rgb(238,201,249)
```
#f3dbfb
```
#f3dbfb rgb(243,219,251)
```
#f9edfd
```
#f9edfd rgb(249,237,253)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#8b858d
```
#8b858d rgb(139,133,141)
```
#907c96
```
#907c96 rgb(144,124,150)
```
#95739f
```
#95739f rgb(149,115,159)
```
#996aa8
```
#996aa8 rgb(153,106,168)
```
#9e60b2
```
#9e60b2 rgb(158,96,178)
```
#a357bb
```
#a357bb rgb(163,87,187)
```
#a74ec4
```
#a74ec4 rgb(167,78,196)
```
#ac45cd
```
#ac45cd rgb(172,69,205)
```
#b13cd6
```
#b13cd6 rgb(177,60,214)
```
#b533df
```
#b533df rgb(181,51,223)
```
#ba2ae8
```
#ba2ae8 rgb(186,42,232)
```
#bf21f1
```
#bf21f1 rgb(191,33,241)
```
#c318fa
```
#c318fa rgb(195,24,250)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7b5e84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078eb Protanopia 1% of men
#007ed2 Deuteranopia 1% of men
#a96b72 Tritanopia 0.001% of the population

Trichromacy

#435cea Protanomaly 1% of men, 0.01% of women
#435fda Deuteranomaly 6% of men, 0.4% of women
#af539d Tritanomaly 0.01% of the population

#ba2ae8 hex color

#ba2ae8 Color Information

#ba2ae8 Color Conversion

Color Schemes with #ba2ae8

Alternatives to #ba2ae8

#ba2ae8 Preview

Shades and Tints of #ba2ae8

Tones of #ba2ae8

Color Blindness Simulator