#ba32ff hex color

In a RGB color space, hex #ba32ff is composed of 72.9% red, 19.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 80.4% magenta, 0% yellow and 0% black. It has a hue angle of 279.8 degrees, a saturation of 100% and a lightness of 59.8%. #ba32ff color hex could be obtained by blending #ff64ff with #7500ff. Closest websafe color is: #cc33ff.

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

● #ba32ff color description : Vivid violet.

The hexadecimal color #ba32ff has RGB values of R:186, G:50, B:255 and CMYK values of C:0.27, M:0.8, Y:0, K:0. Its decimal value is 12202751.

Hex triplet	ba32ff	`#ba32ff`
RGB Decimal	186, 50, 255	`rgb(186,50,255)`
RGB Percent	72.9, 19.6, 100	`rgb(72.9%,19.6%,100%)`
CMYK	27, 80, 0, 0
HSL	279.8°, 100, 59.8	`hsl(279.8,100%,59.8%)`
HSV (or HSB)	279.8°, 80.4, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	51.771, 80.814, -75.181
XYZ	39.438, 19.941, 96.374
xyY	0.253, 0.128, 19.941
CIE-LCH	51.771, 110.377, 317.068
CIE-LUV	51.771, 35.996, -122.763
Hunter-Lab	44.656, 79.494, -96.697
Binary	10111010, 00110010, 11111111

#ba32ff
```
#ba32ff rgb(186,50,255)
```
#77ff32
```
#77ff32 rgb(119,255,50)
```

Complementary Color

#5332ff
```
#5332ff rgb(83,50,255)
```
#ba32ff
```
#ba32ff rgb(186,50,255)
```
#ff32de
```
#ff32de rgb(255,50,222)
```

Analogous Color

#32ff53
```
#32ff53 rgb(50,255,83)
```
#ba32ff
```
#ba32ff rgb(186,50,255)
```
#deff32
```
#deff32 rgb(222,255,50)
```

Split Complementary Color

#32ffba
```
#32ffba rgb(50,255,186)
```
#ba32ff
```
#ba32ff rgb(186,50,255)
```
#ffba32
```
#ffba32 rgb(255,186,50)
```

Triadic Color

#3277ff
```
#3277ff rgb(50,119,255)
```
#ba32ff
```
#ba32ff rgb(186,50,255)
```
#ffba32
```
#ffba32 rgb(255,186,50)
```
#77ff32
```
#77ff32 rgb(119,255,50)
```

Tetradic Color

#9800e5
```
#9800e5 rgb(152,0,229)
```
#a900fe
```
#a900fe rgb(169,0,254)
```
#b119ff
```
#b119ff rgb(177,25,255)
```
#ba32ff
```
#ba32ff rgb(186,50,255)
```
#c34cff
```
#c34cff rgb(195,76,255)
```
#cb65ff
```
#cb65ff rgb(203,101,255)
```
#d47fff
```
#d47fff rgb(212,127,255)
```

Monochromatic Color

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

#8732ff
```
#8732ff rgb(135,50,255)
```
#9832ff
```
#9832ff rgb(152,50,255)
```
#a932ff
```
#a932ff rgb(169,50,255)
```
#ba32ff
```
#ba32ff rgb(186,50,255)
```
#cb32ff
```
#cb32ff rgb(203,50,255)
```
#dc32ff
```
#dc32ff rgb(220,50,255)
```
#ed32ff
```
#ed32ff rgb(237,50,255)
```

Similar Colors

Text with hexadecimal color #ba32ff

This text has a font color of #ba32ff.

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

#ba32ff background color

This paragraph has a background color of #ba32ff.

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

#ba32ff border color

This element has a border color of #ba32ff.

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

CSS codes

.text {color:#ba32ff;}

.background {background-color:#ba32ff;}

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

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

#07000b
```
#07000b rgb(7,0,11)
```
#14001e
```
#14001e rgb(20,0,30)
```
#210032
```
#210032 rgb(33,0,50)
```
#2e0046
```
#2e0046 rgb(46,0,70)
```
#3b0059
```
#3b0059 rgb(59,0,89)
```
#48006d
```
#48006d rgb(72,0,109)
```
#550080
```
#550080 rgb(85,0,128)
```
#620094
```
#620094 rgb(98,0,148)
```
#6f00a8
```
#6f00a8 rgb(111,0,168)
```
#7c00bb
```
#7c00bb rgb(124,0,187)
```
#8900cf
```
#8900cf rgb(137,0,207)
```
#9600e3
```
#9600e3 rgb(150,0,227)
```
#a300f6
```
#a300f6 rgb(163,0,246)
```

Shade Color Variation

#ad0bff
```
#ad0bff rgb(173,11,255)
```
#b31eff
```
#b31eff rgb(179,30,255)
```
#ba32ff
```
#ba32ff rgb(186,50,255)
```
#c146ff
```
#c146ff rgb(193,70,255)
```
#c759ff
```
#c759ff rgb(199,89,255)
```
#ce6dff
```
#ce6dff rgb(206,109,255)
```
#d480ff
```
#d480ff rgb(212,128,255)
```
#db94ff
```
#db94ff rgb(219,148,255)
```
#e2a8ff
```
#e2a8ff rgb(226,168,255)
```
#e8bbff
```
#e8bbff rgb(232,187,255)
```
#efcfff
```
#efcfff rgb(239,207,255)
```
#f5e3ff
```
#f5e3ff rgb(245,227,255)
```
#fcf6ff
```
#fcf6ff rgb(252,246,255)
```

Tint Color Variation

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

#9b91a0
```
#9b91a0 rgb(155,145,160)
```
#9e89a8
```
#9e89a8 rgb(158,137,168)
```
#a081b0
```
#a081b0 rgb(160,129,176)
```
#a379b8
```
#a379b8 rgb(163,121,184)
```
#a571c0
```
#a571c0 rgb(165,113,192)
```
#a869c8
```
#a869c8 rgb(168,105,200)
```
#ab61d0
```
#ab61d0 rgb(171,97,208)
```
#ad59d8
```
#ad59d8 rgb(173,89,216)
```
#b052df
```
#b052df rgb(176,82,223)
```
#b24ae7
```
#b24ae7 rgb(178,74,231)
```
#b542ef
```
#b542ef rgb(181,66,239)
```
#b73af7
```
#b73af7 rgb(183,58,247)
```
#ba32ff
```
#ba32ff rgb(186,50,255)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#80658e Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef6 Protanopia 1% of men
#0084da Deuteranopia 1% of men
#a4757d Tritanopia 0.001% of the population

Trichromacy

#4362f9 Protanomaly 1% of men, 0.01% of women
#4366e7 Deuteranomaly 6% of men, 0.4% of women
#ac5dac Tritanomaly 0.01% of the population

#ba32ff hex color

#ba32ff Color Information

#ba32ff Color Conversion

Color Schemes with #ba32ff

Alternatives to #ba32ff

#ba32ff Preview

Shades and Tints of #ba32ff

Tones of #ba32ff

Color Blindness Simulator