#b316f7 hex color

In a RGB color space, hex #b316f7 is composed of 70.2% red, 8.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 27.5% cyan, 91.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 281.9 degrees, a saturation of 93.4% and a lightness of 52.7%. #b316f7 color hex could be obtained by blending #ff2cff with #6700ef. Closest websafe color is: #cc00ff.

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

● #b316f7 color description : Vivid violet.

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

Hex triplet	b316f7	`#b316f7`
RGB Decimal	179, 22, 247	`rgb(179,22,247)`
RGB Percent	70.2, 8.6, 96.9	`rgb(70.2%,8.6%,96.9%)`
CMYK	28, 91, 0, 3
HSL	281.9°, 93.4, 52.7	`hsl(281.9,93.4%,52.7%)`
HSV (or HSB)	281.9°, 91.1, 96.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.101, 84.336, -76.738
XYZ	35.664, 16.874, 89.369
xyY	0.251, 0.119, 16.874
CIE-LCH	48.101, 114.023, 317.7
CIE-LUV	48.101, 36.472, -122.328
Hunter-Lab	41.078, 83.085, -100.236
Binary	10110011, 00010110, 11110111

#b316f7
```
#b316f7 rgb(179,22,247)
```
#5af716
```
#5af716 rgb(90,247,22)
```

Complementary Color

#4216f7
```
#4216f7 rgb(66,22,247)
```
#b316f7
```
#b316f7 rgb(179,22,247)
```
#f716cb
```
#f716cb rgb(247,22,203)
```

Analogous Color

#16f743
```
#16f743 rgb(22,247,67)
```
#b316f7
```
#b316f7 rgb(179,22,247)
```
#cbf716
```
#cbf716 rgb(203,247,22)
```

Split Complementary Color

#16f7b3
```
#16f7b3 rgb(22,247,179)
```
#b316f7
```
#b316f7 rgb(179,22,247)
```
#f7b316
```
#f7b316 rgb(247,179,22)
```

Triadic Color

#165af7
```
#165af7 rgb(22,90,247)
```
#b316f7
```
#b316f7 rgb(179,22,247)
```
#f7b316
```
#f7b316 rgb(247,179,22)
```
#5af716
```
#5af716 rgb(90,247,22)
```

Tetradic Color

#8406ba
```
#8406ba rgb(132,6,186)
```
#9507d3
```
#9507d3 rgb(149,7,211)
```
#a708eb
```
#a708eb rgb(167,8,235)
```
#b316f7
```
#b316f7 rgb(179,22,247)
```
#bb2ff8
```
#bb2ff8 rgb(187,47,248)
```
#c347f9
```
#c347f9 rgb(195,71,249)
```
#cb60fa
```
#cb60fa rgb(203,96,250)
```

Monochromatic Color

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

#7b16f7
```
#7b16f7 rgb(123,22,247)
```
#8e16f7
```
#8e16f7 rgb(142,22,247)
```
#a016f7
```
#a016f7 rgb(160,22,247)
```
#b316f7
```
#b316f7 rgb(179,22,247)
```
#c616f7
```
#c616f7 rgb(198,22,247)
```
#d916f7
```
#d916f7 rgb(217,22,247)
```
#eb16f7
```
#eb16f7 rgb(235,22,247)
```

Similar Colors

Text with hexadecimal color #b316f7

This text has a font color of #b316f7.

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

#b316f7 background color

This paragraph has a background color of #b316f7.

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

#b316f7 border color

This element has a border color of #b316f7.

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

CSS codes

.text {color:#b316f7;}

.background {background-color:#b316f7;}

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

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)
```
#4d046c
```
#4d046c rgb(77,4,108)
```
#5a047f
```
#5a047f rgb(90,4,127)
```
#680592
```
#680592 rgb(104,5,146)
```
#7506a5
```
#7506a5 rgb(117,6,165)
```
#8206b8
```
#8206b8 rgb(130,6,184)
```
#9007cb
```
#9007cb rgb(144,7,203)
```
#9d08de
```
#9d08de rgb(157,8,222)
```
#ab08f1
```
#ab08f1 rgb(171,8,241)
```

Shade Color Variation

#b316f7
```
#b316f7 rgb(179,22,247)
```
#b929f8
```
#b929f8 rgb(185,41,248)
```
#bf3cf8
```
#bf3cf8 rgb(191,60,248)
```
#c64ff9
```
#c64ff9 rgb(198,79,249)
```
#cc62fa
```
#cc62fa rgb(204,98,250)
```
#d275fa
```
#d275fa rgb(210,117,250)
```
#d888fb
```
#d888fb rgb(216,136,251)
```
#de9bfc
```
#de9bfc rgb(222,155,252)
```
#e4aefc
```
#e4aefc rgb(228,174,252)
```
#ebc1fd
```
#ebc1fd rgb(235,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 #b316f7 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)
```
#9660ad
```
#9660ad rgb(150,96,173)
```
#9957b6
```
#9957b6 rgb(153,87,182)
```
#9d4ebf
```
#9d4ebf rgb(157,78,191)
```
#a144c9
```
#a144c9 rgb(161,68,201)
```
#a43bd2
```
#a43bd2 rgb(164,59,210)
```
#a832db
```
#a832db rgb(168,50,219)
```
#ac29e4
```
#ac29e4 rgb(172,41,228)
```
#af1fee
```
#af1fee rgb(175,31,238)
```
#b316f7
```
#b316f7 rgb(179,22,247)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#70507d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e5 Protanopia 1% of men
#007cca Deuteranopia 1% of men
#9d6c73 Tritanopia 0.001% of the population

Trichromacy

#4153eb Protanomaly 1% of men, 0.01% of women
#4156da Deuteranomaly 6% of men, 0.4% of women
#a54ca3 Tritanomaly 0.01% of the population

#b316f7 hex color

#b316f7 Color Information

#b316f7 Color Conversion

Color Schemes with #b316f7

Alternatives to #b316f7

#b316f7 Preview

Shades and Tints of #b316f7

Tones of #b316f7

Color Blindness Simulator