#ba21fe hex color

In a RGB color space, hex #ba21fe is composed of 72.9% red, 12.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 87% magenta, 0% yellow and 0.4% black. It has a hue angle of 281.5 degrees, a saturation of 99.1% and a lightness of 56.3%. #ba21fe color hex could be obtained by blending #ff42ff with #7500fd. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 13
- B 100
RGB color chart
- C 27
- M 87
- Y 0
- K 0
CMYK color chart

● #ba21fe color description : Vivid violet.

The hexadecimal color #ba21fe has RGB values of R:186, G:33, B:254 and CMYK values of C:0.27, M:0.87, Y:0, K:0. Its decimal value is 12198398.

Hex triplet	ba21fe	`#ba21fe`
RGB Decimal	186, 33, 254	`rgb(186,33,254)`
RGB Percent	72.9, 12.9, 99.6	`rgb(72.9%,12.9%,99.6%)`
CMYK	27, 87, 0, 0
HSL	281.5°, 99.1, 56.3	`hsl(281.5,99.1%,56.3%)`
HSV (or HSB)	281.5°, 87, 99.6
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	50.315, 84.687, -76.994
XYZ	38.681, 18.684, 95.329
xyY	0.253, 0.122, 18.684
CIE-LCH	50.315, 114.455, 317.724
CIE-LUV	50.315, 37.892, -124.515
Hunter-Lab	43.225, 84.091, -100.503
Binary	10111010, 00100001, 11111110

#ba21fe
```
#ba21fe rgb(186,33,254)
```
#65fe21
```
#65fe21 rgb(101,254,33)
```

Complementary Color

#4c21fe
```
#4c21fe rgb(76,33,254)
```
#ba21fe
```
#ba21fe rgb(186,33,254)
```
#fe21d4
```
#fe21d4 rgb(254,33,212)
```

Analogous Color

#21fe4c
```
#21fe4c rgb(33,254,76)
```
#ba21fe
```
#ba21fe rgb(186,33,254)
```
#d4fe21
```
#d4fe21 rgb(212,254,33)
```

Split Complementary Color

#21feba
```
#21feba rgb(33,254,186)
```
#ba21fe
```
#ba21fe rgb(186,33,254)
```
#feba21
```
#feba21 rgb(254,186,33)
```

Triadic Color

#2165fe
```
#2165fe rgb(33,101,254)
```
#ba21fe
```
#ba21fe rgb(186,33,254)
```
#feba21
```
#feba21 rgb(254,186,33)
```
#65fe21
```
#65fe21 rgb(101,254,33)
```

Tetradic Color

#9101d2
```
#9101d2 rgb(145,1,210)
```
#a301eb
```
#a301eb rgb(163,1,235)
```
#b208fe
```
#b208fe rgb(178,8,254)
```
#ba21fe
```
#ba21fe rgb(186,33,254)
```
#c23afe
```
#c23afe rgb(194,58,254)
```
#ca54fe
```
#ca54fe rgb(202,84,254)
```
#d26dfe
```
#d26dfe rgb(210,109,254)
```

Monochromatic Color

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

#8321fe
```
#8321fe rgb(131,33,254)
```
#9521fe
```
#9521fe rgb(149,33,254)
```
#a821fe
```
#a821fe rgb(168,33,254)
```
#ba21fe
```
#ba21fe rgb(186,33,254)
```
#cc21fe
```
#cc21fe rgb(204,33,254)
```
#df21fe
```
#df21fe rgb(223,33,254)
```
#f121fe
```
#f121fe rgb(241,33,254)
```

Similar Colors

Text with hexadecimal color #ba21fe

This text has a font color of #ba21fe.

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

#ba21fe background color

This paragraph has a background color of #ba21fe.

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

#ba21fe border color

This element has a border color of #ba21fe.

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

CSS codes

.text {color:#ba21fe;}

.background {background-color:#ba21fe;}

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

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, #09000c is the darkest color, while #fdf8ff is the lightest one.

#09000c
```
#09000c rgb(9,0,12)
```
#160020
```
#160020 rgb(22,0,32)
```
#240033
```
#240033 rgb(36,0,51)
```
#310047
```
#310047 rgb(49,0,71)
```
#3f005a
```
#3f005a rgb(63,0,90)
```
#4c006e
```
#4c006e rgb(76,0,110)
```
#5a0181
```
#5a0181 rgb(90,1,129)
```
#670195
```
#670195 rgb(103,1,149)
```
#7501a9
```
#7501a9 rgb(117,1,169)
```
#8201bc
```
#8201bc rgb(130,1,188)
```
#9001d0
```
#9001d0 rgb(144,1,208)
```
#9e01e3
```
#9e01e3 rgb(158,1,227)
```
#ab01f7
```
#ab01f7 rgb(171,1,247)
```

Shade Color Variation

#b40dfe
```
#b40dfe rgb(180,13,254)
```
#ba21fe
```
#ba21fe rgb(186,33,254)
```
#c035fe
```
#c035fe rgb(192,53,254)
```
#c648fe
```
#c648fe rgb(198,72,254)
```
#cc5cfe
```
#cc5cfe rgb(204,92,254)
```
#d26ffe
```
#d26ffe rgb(210,111,254)
```
#d883fe
```
#d883fe rgb(216,131,254)
```
#de96ff
```
#de96ff rgb(222,150,255)
```
#e4aaff
```
#e4aaff rgb(228,170,255)
```
#ebbdff
```
#ebbdff rgb(235,189,255)
```
#f1d1ff
```
#f1d1ff rgb(241,209,255)
```
#f7e4ff
```
#f7e4ff rgb(247,228,255)
```
#fdf8ff
```
#fdf8ff rgb(253,248,255)
```

Tint Color Variation

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

#928897
```
#928897 rgb(146,136,151)
```
#967fa0
```
#967fa0 rgb(150,127,160)
```
#9977a8
```
#9977a8 rgb(153,119,168)
```
#9c6eb1
```
#9c6eb1 rgb(156,110,177)
```
#a066b9
```
#a066b9 rgb(160,102,185)
```
#a35dc2
```
#a35dc2 rgb(163,93,194)
```
#a654cb
```
#a654cb rgb(166,84,203)
```
#aa4cd3
```
#aa4cd3 rgb(170,76,211)
```
#ad43dc
```
#ad43dc rgb(173,67,220)
```
#b03be4
```
#b03be4 rgb(176,59,228)
```
#b332ed
```
#b332ed rgb(179,50,237)
```
#b72af5
```
#b72af5 rgb(183,42,245)
```
#ba21fe
```
#ba21fe rgb(186,33,254)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#785a86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bef Protanopia 1% of men
#0081d4 Deuteranopia 1% of men
#a37078 Tritanopia 0.001% of the population

Trichromacy

#435af4 Protanomaly 1% of men, 0.01% of women
#435ee3 Deuteranomaly 6% of men, 0.4% of women
#ab53a9 Tritanomaly 0.01% of the population

#ba21fe hex color

#ba21fe Color Information

#ba21fe Color Conversion

Color Schemes with #ba21fe

Alternatives to #ba21fe

#ba21fe Preview

Shades and Tints of #ba21fe

Tones of #ba21fe

Color Blindness Simulator