#b216f7 hex color

In a RGB color space, hex #b216f7 is composed of 69.8% red, 8.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 27.9% cyan, 91.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 281.6 degrees, a saturation of 93.4% and a lightness of 52.7%. #b216f7 color hex could be obtained by blending #ff2cff with #6500ef. Closest websafe color is: #9900ff.

♥
- f
- t
- g
- R 70
- G 9
- B 97
RGB color chart
- C 28
- M 91
- Y 0
- K 3
CMYK color chart

● #b216f7 color description : Vivid violet.

The hexadecimal color #b216f7 has RGB values of R:178, G:22, B:247 and CMYK values of C:0.28, M:0.91, Y:0, K:0.03. Its decimal value is 11671287.

Hex triplet	b216f7	`#b216f7`
RGB Decimal	178, 22, 247	`rgb(178,22,247)`
RGB Percent	69.8, 8.6, 96.9	`rgb(69.8%,8.6%,96.9%)`
CMYK	28, 91, 0, 3
HSL	281.6°, 93.4, 52.7	`hsl(281.6,93.4%,52.7%)`
HSV (or HSB)	281.6°, 91.1, 96.9
Web Safe	9900ff	`#9900ff`

CIE-LAB	47.95, 84.207, -76.991
XYZ	35.433, 16.755, 89.358
xyY	0.25, 0.118, 16.755
CIE-LCH	47.95, 114.098, 317.563
CIE-LUV	47.95, 35.911, -122.519
Hunter-Lab	40.933, 82.882, -100.778
Binary	10110010, 00010110, 11110111

#b216f7
```
#b216f7 rgb(178,22,247)
```
#5bf716
```
#5bf716 rgb(91,247,22)
```

Complementary Color

#4216f7
```
#4216f7 rgb(66,22,247)
```
#b216f7
```
#b216f7 rgb(178,22,247)
```
#f716cc
```
#f716cc rgb(247,22,204)
```

Analogous Color

#16f742
```
#16f742 rgb(22,247,66)
```
#b216f7
```
#b216f7 rgb(178,22,247)
```
#ccf716
```
#ccf716 rgb(204,247,22)
```

Split Complementary Color

#16f7b2
```
#16f7b2 rgb(22,247,178)
```
#b216f7
```
#b216f7 rgb(178,22,247)
```
#f7b216
```
#f7b216 rgb(247,178,22)
```

Triadic Color

#165bf7
```
#165bf7 rgb(22,91,247)
```
#b216f7
```
#b216f7 rgb(178,22,247)
```
#f7b216
```
#f7b216 rgb(247,178,22)
```
#5bf716
```
#5bf716 rgb(91,247,22)
```

Tetradic Color

#8306ba
```
#8306ba rgb(131,6,186)
```
#9407d3
```
#9407d3 rgb(148,7,211)
```
#a608eb
```
#a608eb rgb(166,8,235)
```
#b216f7
```
#b216f7 rgb(178,22,247)
```
#ba2ff8
```
#ba2ff8 rgb(186,47,248)
```
#c247f9
```
#c247f9 rgb(194,71,249)
```
#ca60fa
```
#ca60fa rgb(202,96,250)
```

Monochromatic Color

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

#7a16f7
```
#7a16f7 rgb(122,22,247)
```
#8d16f7
```
#8d16f7 rgb(141,22,247)
```
#9f16f7
```
#9f16f7 rgb(159,22,247)
```
#b216f7
```
#b216f7 rgb(178,22,247)
```
#c516f7
```
#c516f7 rgb(197,22,247)
```
#d816f7
```
#d816f7 rgb(216,22,247)
```
#ea16f7
```
#ea16f7 rgb(234,22,247)
```

Similar Colors

Text with hexadecimal color #b216f7

This text has a font color of #b216f7.

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

#b216f7 background color

This paragraph has a background color of #b216f7.

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

#b216f7 border color

This element has a border color of #b216f7.

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

CSS codes

.text {color:#b216f7;}

.background {background-color:#b216f7;}

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

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, #0a000e is the darkest color, while #fdfaff is the lightest one.

#0a000e
```
#0a000e rgb(10,0,14)
```
#170120
```
#170120 rgb(23,1,32)
```
#240233
```
#240233 rgb(36,2,51)
```
#320246
```
#320246 rgb(50,2,70)
```
#3f0359
```
#3f0359 rgb(63,3,89)
```
#4c046c
```
#4c046c rgb(76,4,108)
```
#5a047f
```
#5a047f rgb(90,4,127)
```
#670592
```
#670592 rgb(103,5,146)
```
#7406a5
```
#7406a5 rgb(116,6,165)
```
#8206b8
```
#8206b8 rgb(130,6,184)
```
#8f07cb
```
#8f07cb rgb(143,7,203)
```
#9c08de
```
#9c08de rgb(156,8,222)
```
#aa08f1
```
#aa08f1 rgb(170,8,241)
```

Shade Color Variation

#b216f7
```
#b216f7 rgb(178,22,247)
```
#b829f8
```
#b829f8 rgb(184,41,248)
```
#bf3cf8
```
#bf3cf8 rgb(191,60,248)
```
#c54ff9
```
#c54ff9 rgb(197,79,249)
```
#cb62fa
```
#cb62fa rgb(203,98,250)
```
#d175fa
```
#d175fa rgb(209,117,250)
```
#d888fb
```
#d888fb rgb(216,136,251)
```
#de9bfc
```
#de9bfc rgb(222,155,252)
```
#e4aefc
```
#e4aefc rgb(228,174,252)
```
#eac1fd
```
#eac1fd rgb(234,193,253)
```
#f1d4fe
```
#f1d4fe rgb(241,212,254)
```
#f7e7fe
```
#f7e7fe rgb(247,231,254)
```
#fdfaff
```
#fdfaff rgb(253,250,255)
```

Tint Color Variation

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

#878588
```
#878588 rgb(135,133,136)
```
#8b7c91
```
#8b7c91 rgb(139,124,145)
```
#8e739a
```
#8e739a rgb(142,115,154)
```
#9269a4
```
#9269a4 rgb(146,105,164)
```
#9560ad
```
#9560ad rgb(149,96,173)
```
#9957b6
```
#9957b6 rgb(153,87,182)
```
#9c4ebf
```
#9c4ebf rgb(156,78,191)
```
#a044c9
```
#a044c9 rgb(160,68,201)
```
#a43bd2
```
#a43bd2 rgb(164,59,210)
```
#a732db
```
#a732db rgb(167,50,219)
```
#ab29e4
```
#ab29e4 rgb(171,41,228)
```
#ae1fee
```
#ae1fee rgb(174,31,238)
```
#b216f7
```
#b216f7 rgb(178,22,247)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#6f507d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e4 Protanopia 1% of men
#007bca Deuteranopia 1% of men
#9c6c73 Tritanopia 0.001% of the population

Trichromacy

#4052eb Protanomaly 1% of men, 0.01% of women
#4056da Deuteranomaly 6% of men, 0.4% of women
#a44ca3 Tritanomaly 0.01% of the population

#b216f7 hex color

#b216f7 Color Information

#b216f7 Color Conversion

Color Schemes with #b216f7

Alternatives to #b216f7

#b216f7 Preview

Shades and Tints of #b216f7

Tones of #b216f7

Color Blindness Simulator