#b220ff hex color

In a RGB color space, hex #b220ff is composed of 69.8% red, 12.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 87.5% magenta, 0% yellow and 0% black. It has a hue angle of 279.3 degrees, a saturation of 100% and a lightness of 56.3%. #b220ff color hex could be obtained by blending #ff40ff with #6500ff. Closest websafe color is: #9933ff.

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

● #b220ff color description : Vivid violet.

The hexadecimal color #b220ff has RGB values of R:178, G:32, B:255 and CMYK values of C:0.3, M:0.87, Y:0, K:0. Its decimal value is 11673855.

Hex triplet	b220ff	`#b220ff`
RGB Decimal	178, 32, 255	`rgb(178,32,255)`
RGB Percent	69.8, 12.5, 100	`rgb(69.8%,12.5%,100%)`
CMYK	30, 87, 0, 0
HSL	279.3°, 100, 56.3	`hsl(279.3,100%,56.3%)`
HSV (or HSB)	279.3°, 87.5, 100
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.153, 83.999, -79.497
XYZ	36.924, 17.719, 96.077
xyY	0.245, 0.118, 17.719
CIE-LCH	49.153, 115.652, 316.577
CIE-LUV	49.153, 33.288, -126.826
Hunter-Lab	42.094, 82.913, -105.861
Binary	10110010, 00100000, 11111111

#b220ff
```
#b220ff rgb(178,32,255)
```
#6dff20
```
#6dff20 rgb(109,255,32)
```

Complementary Color

#4220ff
```
#4220ff rgb(66,32,255)
```
#b220ff
```
#b220ff rgb(178,32,255)
```
#ff20dd
```
#ff20dd rgb(255,32,221)
```

Analogous Color

#20ff43
```
#20ff43 rgb(32,255,67)
```
#b220ff
```
#b220ff rgb(178,32,255)
```
#ddff20
```
#ddff20 rgb(221,255,32)
```

Split Complementary Color

#20ffb2
```
#20ffb2 rgb(32,255,178)
```
#b220ff
```
#b220ff rgb(178,32,255)
```
#ffb220
```
#ffb220 rgb(255,178,32)
```

Triadic Color

#206dff
```
#206dff rgb(32,109,255)
```
#b220ff
```
#b220ff rgb(178,32,255)
```
#ffb220
```
#ffb220 rgb(255,178,32)
```
#6dff20
```
#6dff20 rgb(109,255,32)
```

Tetradic Color

#8a00d3
```
#8a00d3 rgb(138,0,211)
```
#9b00ec
```
#9b00ec rgb(155,0,236)
```
#a906ff
```
#a906ff rgb(169,6,255)
```
#b220ff
```
#b220ff rgb(178,32,255)
```
#bb3aff
```
#bb3aff rgb(187,58,255)
```
#c453ff
```
#c453ff rgb(196,83,255)
```
#cc6dff
```
#cc6dff rgb(204,109,255)
```

Monochromatic Color

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

#7a20ff
```
#7a20ff rgb(122,32,255)
```
#8d20ff
```
#8d20ff rgb(141,32,255)
```
#9f20ff
```
#9f20ff rgb(159,32,255)
```
#b220ff
```
#b220ff rgb(178,32,255)
```
#c520ff
```
#c520ff rgb(197,32,255)
```
#d720ff
```
#d720ff rgb(215,32,255)
```
#ea20ff
```
#ea20ff rgb(234,32,255)
```

Similar Colors

Text with hexadecimal color #b220ff

This text has a font color of #b220ff.

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

#b220ff background color

This paragraph has a background color of #b220ff.

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

#b220ff border color

This element has a border color of #b220ff.

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

CSS codes

.text {color:#b220ff;}

.background {background-color:#b220ff;}

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

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

#08000c
```
#08000c rgb(8,0,12)
```
#150020
```
#150020 rgb(21,0,32)
```
#220034
```
#220034 rgb(34,0,52)
```
#2f0047
```
#2f0047 rgb(47,0,71)
```
#3b005b
```
#3b005b rgb(59,0,91)
```
#48006e
```
#48006e rgb(72,0,110)
```
#550082
```
#550082 rgb(85,0,130)
```
#620096
```
#620096 rgb(98,0,150)
```
#6f00a9
```
#6f00a9 rgb(111,0,169)
```
#7c00bd
```
#7c00bd rgb(124,0,189)
```
#8900d1
```
#8900d1 rgb(137,0,209)
```
#9500e4
```
#9500e4 rgb(149,0,228)
```
#a200f8
```
#a200f8 rgb(162,0,248)
```

Shade Color Variation

#ab0cff
```
#ab0cff rgb(171,12,255)
```
#b220ff
```
#b220ff rgb(178,32,255)
```
#b934ff
```
#b934ff rgb(185,52,255)
```
#c047ff
```
#c047ff rgb(192,71,255)
```
#c65bff
```
#c65bff rgb(198,91,255)
```
#cd6eff
```
#cd6eff rgb(205,110,255)
```
#d482ff
```
#d482ff rgb(212,130,255)
```
#db96ff
```
#db96ff rgb(219,150,255)
```
#e1a9ff
```
#e1a9ff rgb(225,169,255)
```
#e8bdff
```
#e8bdff rgb(232,189,255)
```
#efd1ff
```
#efd1ff rgb(239,209,255)
```
#f6e4ff
```
#f6e4ff rgb(246,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, #928798 is the less saturated color, while #b220ff is the most saturated one.

#928798
```
#928798 rgb(146,135,152)
```
#957ea1
```
#957ea1 rgb(149,126,161)
```
#9776a9
```
#9776a9 rgb(151,118,169)
```
#9a6db2
```
#9a6db2 rgb(154,109,178)
```
#9d65ba
```
#9d65ba rgb(157,101,186)
```
#9f5cc3
```
#9f5cc3 rgb(159,92,195)
```
#a253cc
```
#a253cc rgb(162,83,204)
```
#a54bd4
```
#a54bd4 rgb(165,75,212)
```
#a742dd
```
#a742dd rgb(167,66,221)
```
#aa3ae5
```
#aa3ae5 rgb(170,58,229)
```
#ad31ee
```
#ad31ee rgb(173,49,238)
```
#af29f6
```
#af29f6 rgb(175,41,246)
```
#b220ff
```
#b220ff rgb(178,32,255)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#745784 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ea Protanopia 1% of men
#007ece Deuteranopia 1% of men
#9a7178 Tritanopia 0.001% of the population

Trichromacy

#4058f1 Protanomaly 1% of men, 0.01% of women
#405ce0 Deuteranomaly 6% of men, 0.4% of women
#a253a9 Tritanomaly 0.01% of the population

#b220ff hex color

#b220ff Color Information

#b220ff Color Conversion

Color Schemes with #b220ff

Alternatives to #b220ff

#b220ff Preview

Shades and Tints of #b220ff

Tones of #b220ff

Color Blindness Simulator