colorhexa.com

#b220fe hex color

In a RGB color space, hex #b220fe is composed of 69.8% red, 12.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 29.9% cyan, 87.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 279.5 degrees, a saturation of 99.1% and a lightness of 56.1%. #b220fe color hex could be obtained by blending #ff40ff with #6500fd. Closest websafe color is: #9933ff.

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

● #b220fe color description : Vivid violet.

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

Hex triplet	b220fe	`#b220fe`
RGB Decimal	178, 32, 254	`rgb(178,32,254)`
RGB Percent	69.8, 12.5, 99.6	`rgb(69.8%,12.5%,99.6%)`
CMYK	30, 87, 0, 0
HSL	279.5°, 99.1, 56.1	`hsl(279.5,99.1%,56.1%)`
HSV (or HSB)	279.5°, 87.4, 99.6
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.075, 83.809, -79.068
XYZ	36.763, 17.655, 95.232
xyY	0.246, 0.118, 17.655
CIE-LCH	49.075, 115.22, 316.667
CIE-LUV	49.075, 33.531, -126.177
Hunter-Lab	42.018, 82.649, -104.967
Binary	10110010, 00100000, 11111110

#b220fe
```
#b220fe rgb(178,32,254)
```
#6cfe20
```
#6cfe20 rgb(108,254,32)
```

Complementary Color

#4320fe
```
#4320fe rgb(67,32,254)
```
#b220fe
```
#b220fe rgb(178,32,254)
```
#fe20db
```
#fe20db rgb(254,32,219)
```

Analogous Color

#20fe43
```
#20fe43 rgb(32,254,67)
```
#b220fe
```
#b220fe rgb(178,32,254)
```
#dbfe20
```
#dbfe20 rgb(219,254,32)
```

Split Complementary Color

#20feb2
```
#20feb2 rgb(32,254,178)
```
#b220fe
```
#b220fe rgb(178,32,254)
```
#feb220
```
#feb220 rgb(254,178,32)
```

Triadic Color

#206cfe
```
#206cfe rgb(32,108,254)
```
#b220fe
```
#b220fe rgb(178,32,254)
```
#feb220
```
#feb220 rgb(254,178,32)
```
#6cfe20
```
#6cfe20 rgb(108,254,32)
```

Tetradic Color

#8901d1
```
#8901d1 rgb(137,1,209)
```
#9a01ea
```
#9a01ea rgb(154,1,234)
```
#a907fe
```
#a907fe rgb(169,7,254)
```
#b220fe
```
#b220fe rgb(178,32,254)
```
#bb39fe
```
#bb39fe rgb(187,57,254)
```
#c453fe
```
#c453fe rgb(196,83,254)
```
#cc6cfe
```
#cc6cfe rgb(204,108,254)
```

Monochromatic Color

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

#7b20fe
```
#7b20fe rgb(123,32,254)
```
#8d20fe
```
#8d20fe rgb(141,32,254)
```
#a020fe
```
#a020fe rgb(160,32,254)
```
#b220fe
```
#b220fe rgb(178,32,254)
```
#c520fe
```
#c520fe rgb(197,32,254)
```
#d720fe
```
#d720fe rgb(215,32,254)
```
#ea20fe
```
#ea20fe rgb(234,32,254)
```

Similar Colors

Text with hexadecimal color #b220fe

This text has a font color of #b220fe.

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

#b220fe background color

This paragraph has a background color of #b220fe.

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

#b220fe border color

This element has a border color of #b220fe.

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

CSS codes

.text {color:#b220fe;}

.background {background-color:#b220fe;}

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

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 #fcf7ff is the lightest one.

#07000b
```
#07000b rgb(7,0,11)
```
#14001f
```
#14001f rgb(20,0,31)
```
#210032
```
#210032 rgb(33,0,50)
```
#2e0046
```
#2e0046 rgb(46,0,70)
```
#3b0059
```
#3b0059 rgb(59,0,89)
```
#48006d
```
#48006d rgb(72,0,109)
```
#550181
```
#550181 rgb(85,1,129)
```
#620194
```
#620194 rgb(98,1,148)
```
#6e01a8
```
#6e01a8 rgb(110,1,168)
```
#7b01bb
```
#7b01bb rgb(123,1,187)
```
#8801cf
```
#8801cf rgb(136,1,207)
```
#9501e2
```
#9501e2 rgb(149,1,226)
```
#a201f6
```
#a201f6 rgb(162,1,246)
```

Shade Color Variation

#ab0cfe
```
#ab0cfe rgb(171,12,254)
```
#b220fe
```
#b220fe rgb(178,32,254)
```
#b934fe
```
#b934fe rgb(185,52,254)
```
#bf47fe
```
#bf47fe rgb(191,71,254)
```
#c65bfe
```
#c65bfe rgb(198,91,254)
```
#cd6efe
```
#cd6efe rgb(205,110,254)
```
#d482fe
```
#d482fe rgb(212,130,254)
```
#da95ff
```
#da95ff rgb(218,149,255)
```
#e1a9ff
```
#e1a9ff rgb(225,169,255)
```
#e8bcff
```
#e8bcff rgb(232,188,255)
```
#efd0ff
```
#efd0ff rgb(239,208,255)
```
#f5e3ff
```
#f5e3ff rgb(245,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, #918797 is the less saturated color, while #b220fe is the most saturated one.

#918797
```
#918797 rgb(145,135,151)
```
#947f9f
```
#947f9f rgb(148,127,159)
```
#9776a8
```
#9776a8 rgb(151,118,168)
```
#9a6eb0
```
#9a6eb0 rgb(154,110,176)
```
#9c65b9
```
#9c65b9 rgb(156,101,185)
```
#9f5cc2
```
#9f5cc2 rgb(159,92,194)
```
#a254ca
```
#a254ca rgb(162,84,202)
```
#a44bd3
```
#a44bd3 rgb(164,75,211)
```
#a742dc
```
#a742dc rgb(167,66,220)
```
#aa3ae4
```
#aa3ae4 rgb(170,58,228)
```
#ad31ed
```
#ad31ed rgb(173,49,237)
```
#af29f5
```
#af29f5 rgb(175,41,245)
```
#b220fe
```
#b220fe rgb(178,32,254)
```

Tone Color Variation

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

#0078e9 Protanopia 1% of men
#007ece Deuteranopia 1% of men
#9a7078 Tritanopia 0.001% of the population

Trichromacy

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