#ba21d5 hex color

In a RGB color space, hex #ba21d5 is composed of 72.9% red, 12.9% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 12.7% cyan, 84.5% magenta, 0% yellow and 16.5% black. It has a hue angle of 291 degrees, a saturation of 73.2% and a lightness of 48.2%. #ba21d5 color hex could be obtained by blending #ff42ff with #7500ab. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 13
- B 84
RGB color chart
- C 13
- M 85
- Y 0
- K 16
CMYK color chart

● #ba21d5 color description : Strong magenta.

The hexadecimal color #ba21d5 has RGB values of R:186, G:33, B:213 and CMYK values of C:0.13, M:0.85, Y:0, K:0.16. Its decimal value is 12198357.

Hex triplet	ba21d5	`#ba21d5`
RGB Decimal	186, 33, 213	`rgb(186,33,213)`
RGB Percent	72.9, 12.9, 83.5	`rgb(72.9%,12.9%,83.5%)`
CMYK	13, 85, 0, 16
HSL	291°, 73.2, 48.2	`hsl(291,73.2%,48.2%)`
HSV (or HSB)	291°, 84.5, 83.5
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	47.408, 77.409, -58.534
XYZ	32.803, 16.333, 64.372
xyY	0.289, 0.144, 16.333
CIE-LCH	47.408, 97.049, 322.905
CIE-LUV	47.408, 49.793, -96.258
Hunter-Lab	40.414, 74.159, -66.149
Binary	10111010, 00100001, 11010101

#ba21d5
```
#ba21d5 rgb(186,33,213)
```
#3cd521
```
#3cd521 rgb(60,213,33)
```

Complementary Color

#6021d5
```
#6021d5 rgb(96,33,213)
```
#ba21d5
```
#ba21d5 rgb(186,33,213)
```
#d52196
```
#d52196 rgb(213,33,150)
```

Analogous Color

#21d560
```
#21d560 rgb(33,213,96)
```
#ba21d5
```
#ba21d5 rgb(186,33,213)
```
#96d521
```
#96d521 rgb(150,213,33)
```

Split Complementary Color

#21d5ba
```
#21d5ba rgb(33,213,186)
```
#ba21d5
```
#ba21d5 rgb(186,33,213)
```
#d5ba21
```
#d5ba21 rgb(213,186,33)
```

Triadic Color

#213cd5
```
#213cd5 rgb(33,60,213)
```
#ba21d5
```
#ba21d5 rgb(186,33,213)
```
#d5ba21
```
#d5ba21 rgb(213,186,33)
```
#3cd521
```
#3cd521 rgb(60,213,33)
```

Tetradic Color

#801793
```
#801793 rgb(128,23,147)
```
#931aa9
```
#931aa9 rgb(147,26,169)
```
#a71ebf
```
#a71ebf rgb(167,30,191)
```
#ba21d5
```
#ba21d5 rgb(186,33,213)
```
#c530df
```
#c530df rgb(197,48,223)
```
#cb47e2
```
#cb47e2 rgb(203,71,226)
```
#d15de6
```
#d15de6 rgb(209,93,230)
```

Monochromatic Color

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

#8d21d5
```
#8d21d5 rgb(141,33,213)
```
#9c21d5
```
#9c21d5 rgb(156,33,213)
```
#ab21d5
```
#ab21d5 rgb(171,33,213)
```
#ba21d5
```
#ba21d5 rgb(186,33,213)
```
#c921d5
```
#c921d5 rgb(201,33,213)
```
#d521d2
```
#d521d2 rgb(213,33,210)
```
#d521c3
```
#d521c3 rgb(213,33,195)
```

Similar Colors

Text with hexadecimal color #ba21d5

This text has a font color of #ba21d5.

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

#ba21d5 background color

This paragraph has a background color of #ba21d5.

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

#ba21d5 border color

This element has a border color of #ba21d5.

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

CSS codes

.text {color:#ba21d5;}

.background {background-color:#ba21d5;}

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

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

#080109
```
#080109 rgb(8,1,9)
```
#17041a
```
#17041a rgb(23,4,26)
```
#26072b
```
#26072b rgb(38,7,43)
```
#35093c
```
#35093c rgb(53,9,60)
```
#430c4d
```
#430c4d rgb(67,12,77)
```
#520f5e
```
#520f5e rgb(82,15,94)
```
#61116f
```
#61116f rgb(97,17,111)
```
#701480
```
#701480 rgb(112,20,128)
```
#7f1691
```
#7f1691 rgb(127,22,145)
```
#8e19a2
```
#8e19a2 rgb(142,25,162)
```
#9c1cb3
```
#9c1cb3 rgb(156,28,179)
```
#ab1ec4
```
#ab1ec4 rgb(171,30,196)
```
#ba21d5
```
#ba21d5 rgb(186,33,213)
```

Shade Color Variation

#c32bde
```
#c32bde rgb(195,43,222)
```
#c83ce1
```
#c83ce1 rgb(200,60,225)
```
#cd4de3
```
#cd4de3 rgb(205,77,227)
```
#d25ee6
```
#d25ee6 rgb(210,94,230)
```
#d76fe9
```
#d76fe9 rgb(215,111,233)
```
#db80eb
```
#db80eb rgb(219,128,235)
```
#e091ee
```
#e091ee rgb(224,145,238)
```
#e5a2f1
```
#e5a2f1 rgb(229,162,241)
```
#eab3f3
```
#eab3f3 rgb(234,179,243)
```
#eec4f6
```
#eec4f6 rgb(238,196,246)
```
#f3d5f9
```
#f3d5f9 rgb(243,213,249)
```
#f8e6fb
```
#f8e6fb rgb(248,230,251)
```
#fdf7fe
```
#fdf7fe rgb(253,247,254)
```

Tint Color Variation

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

#7e7680
```
#7e7680 rgb(126,118,128)
```
#856d89
```
#856d89 rgb(133,109,137)
```
#8c6393
```
#8c6393 rgb(140,99,147)
```
#925a9c
```
#925a9c rgb(146,90,156)
```
#9950a6
```
#9950a6 rgb(153,80,166)
```
#a047af
```
#a047af rgb(160,71,175)
```
#a63db9
```
#a63db9 rgb(166,61,185)
```
#ad34c2
```
#ad34c2 rgb(173,52,194)
```
#b32acc
```
#b32acc rgb(179,42,204)
```
#ba21d5
```
#ba21d5 rgb(186,33,213)
```
#c118de
```
#c118de rgb(193,24,222)
```
#c70ee8
```
#c70ee8 rgb(199,14,232)
```
#ce05f1
```
#ce05f1 rgb(206,5,241)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#74567a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e2 Protanopia 1% of men
#3479c4 Deuteranopia 1% of men
#ad6167 Tritanopia 0.001% of the population

Trichromacy

#4356dd Protanomaly 1% of men, 0.01% of women
#6559ca Deuteranomaly 6% of men, 0.4% of women
#b14a8f Tritanomaly 0.01% of the population

#ba21d5 hex color

#ba21d5 Color Information

#ba21d5 Color Conversion

Color Schemes with #ba21d5

Alternatives to #ba21d5

#ba21d5 Preview

Shades and Tints of #ba21d5

Tones of #ba21d5

Color Blindness Simulator