#ba20fe hex color

In a RGB color space, hex #ba20fe is composed of 72.9% red, 12.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 87.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 281.6 degrees, a saturation of 99.1% and a lightness of 56.1%. #ba20fe color hex could be obtained by blending #ff40ff 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

● #ba20fe color description : Vivid violet.

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

Hex triplet	ba20fe	`#ba20fe`
RGB Decimal	186, 32, 254	`rgb(186,32,254)`
RGB Percent	72.9, 12.5, 99.6	`rgb(72.9%,12.5%,99.6%)`
CMYK	27, 87, 0, 0
HSL	281.6°, 99.1, 56.1	`hsl(281.6,99.1%,56.1%)`
HSV (or HSB)	281.6°, 87.4, 99.6
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	50.25, 84.879, -77.1
XYZ	38.653, 18.629, 95.32
xyY	0.253, 0.122, 18.629
CIE-LCH	50.25, 114.668, 317.749
CIE-LUV	50.25, 37.967, -124.624
Hunter-Lab	43.161, 84.323, -100.726
Binary	10111010, 00100000, 11111110

#ba20fe
```
#ba20fe rgb(186,32,254)
```
#64fe20
```
#64fe20 rgb(100,254,32)
```

Complementary Color

#4b20fe
```
#4b20fe rgb(75,32,254)
```
#ba20fe
```
#ba20fe rgb(186,32,254)
```
#fe20d3
```
#fe20d3 rgb(254,32,211)
```

Analogous Color

#20fe4b
```
#20fe4b rgb(32,254,75)
```
#ba20fe
```
#ba20fe rgb(186,32,254)
```
#d3fe20
```
#d3fe20 rgb(211,254,32)
```

Split Complementary Color

#20feba
```
#20feba rgb(32,254,186)
```
#ba20fe
```
#ba20fe rgb(186,32,254)
```
#feba20
```
#feba20 rgb(254,186,32)
```

Triadic Color

#2064fe
```
#2064fe rgb(32,100,254)
```
#ba20fe
```
#ba20fe rgb(186,32,254)
```
#feba20
```
#feba20 rgb(254,186,32)
```
#64fe20
```
#64fe20 rgb(100,254,32)
```

Tetradic Color

#9101d1
```
#9101d1 rgb(145,1,209)
```
#a301ea
```
#a301ea rgb(163,1,234)
```
#b207fe
```
#b207fe rgb(178,7,254)
```
#ba20fe
```
#ba20fe rgb(186,32,254)
```
#c239fe
```
#c239fe rgb(194,57,254)
```
#ca53fe
```
#ca53fe rgb(202,83,254)
```
#d26cfe
```
#d26cfe rgb(210,108,254)
```

Monochromatic Color

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

#8320fe
```
#8320fe rgb(131,32,254)
```
#9520fe
```
#9520fe rgb(149,32,254)
```
#a820fe
```
#a820fe rgb(168,32,254)
```
#ba20fe
```
#ba20fe rgb(186,32,254)
```
#cd20fe
```
#cd20fe rgb(205,32,254)
```
#df20fe
```
#df20fe rgb(223,32,254)
```
#f220fe
```
#f220fe rgb(242,32,254)
```

Similar Colors

Text with hexadecimal color #ba20fe

This text has a font color of #ba20fe.

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

#ba20fe background color

This paragraph has a background color of #ba20fe.

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

#ba20fe border color

This element has a border color of #ba20fe.

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

CSS codes

.text {color:#ba20fe;}

.background {background-color:#ba20fe;}

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

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, #08000b is the darkest color, while #fcf7ff is the lightest one.

#08000b
```
#08000b rgb(8,0,11)
```
#15001f
```
#15001f rgb(21,0,31)
```
#230032
```
#230032 rgb(35,0,50)
```
#310046
```
#310046 rgb(49,0,70)
```
#3e0059
```
#3e0059 rgb(62,0,89)
```
#4c006d
```
#4c006d rgb(76,0,109)
```
#590181
```
#590181 rgb(89,1,129)
```
#670194
```
#670194 rgb(103,1,148)
```
#7401a8
```
#7401a8 rgb(116,1,168)
```
#8201bb
```
#8201bb rgb(130,1,187)
```
#9001cf
```
#9001cf rgb(144,1,207)
```
#9d01e2
```
#9d01e2 rgb(157,1,226)
```
#ab01f6
```
#ab01f6 rgb(171,1,246)
```

Shade Color Variation

#b40cfe
```
#b40cfe rgb(180,12,254)
```
#ba20fe
```
#ba20fe rgb(186,32,254)
```
#c034fe
```
#c034fe rgb(192,52,254)
```
#c647fe
```
#c647fe rgb(198,71,254)
```
#cc5bfe
```
#cc5bfe rgb(204,91,254)
```
#d26efe
```
#d26efe rgb(210,110,254)
```
#d882fe
```
#d882fe rgb(216,130,254)
```
#de95ff
```
#de95ff rgb(222,149,255)
```
#e4a9ff
```
#e4a9ff rgb(228,169,255)
```
#eabcff
```
#eabcff rgb(234,188,255)
```
#f0d0ff
```
#f0d0ff rgb(240,208,255)
```
#f6e3ff
```
#f6e3ff rgb(246,227,255)
```
#fcf7ff
```
#fcf7ff rgb(252,247,255)
```

Tint Color Variation

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

#928797
```
#928797 rgb(146,135,151)
```
#957f9f
```
#957f9f rgb(149,127,159)
```
#9976a8
```
#9976a8 rgb(153,118,168)
```
#9c6eb0
```
#9c6eb0 rgb(156,110,176)
```
#9f65b9
```
#9f65b9 rgb(159,101,185)
```
#a35cc2
```
#a35cc2 rgb(163,92,194)
```
#a654ca
```
#a654ca rgb(166,84,202)
```
#a94bd3
```
#a94bd3 rgb(169,75,211)
```
#ad42dc
```
#ad42dc rgb(173,66,220)
```
#b03ae4
```
#b03ae4 rgb(176,58,228)
```
#b331ed
```
#b331ed rgb(179,49,237)
```
#b729f5
```
#b729f5 rgb(183,41,245)
```
#ba20fe
```
#ba20fe rgb(186,32,254)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#785985 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#4359f4 Protanomaly 1% of men, 0.01% of women
#435de3 Deuteranomaly 6% of men, 0.4% of women
#ab53a9 Tritanomaly 0.01% of the population

#ba20fe hex color

#ba20fe Color Information

#ba20fe Color Conversion

Color Schemes with #ba20fe

Alternatives to #ba20fe

#ba20fe Preview

Shades and Tints of #ba20fe

Tones of #ba20fe

Color Blindness Simulator