#b316fd hex color

In a RGB color space, hex #b316fd is composed of 70.2% red, 8.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 91.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 280.8 degrees, a saturation of 98.3% and a lightness of 53.9%. #b316fd color hex could be obtained by blending #ff2cff with #6700fb. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 70
- G 9
- B 99
RGB color chart
- C 29
- M 91
- Y 0
- K 1
CMYK color chart

● #b316fd color description : Vivid violet.

The hexadecimal color #b316fd has RGB values of R:179, G:22, B:253 and CMYK values of C:0.29, M:0.91, Y:0, K:0.01. Its decimal value is 11736829.

Hex triplet	b316fd	`#b316fd`
RGB Decimal	179, 22, 253	`rgb(179,22,253)`
RGB Percent	70.2, 8.6, 99.2	`rgb(70.2%,8.6%,99.2%)`
CMYK	29, 91, 0, 1
HSL	280.8°, 98.3, 53.9	`hsl(280.8,98.3%,53.9%)`
HSV (or HSB)	280.8°, 91.3, 99.2
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.574, 85.441, -79.322
XYZ	36.604, 17.25, 94.325
xyY	0.247, 0.116, 17.25
CIE-LCH	48.574, 116.585, 317.127
CIE-LUV	48.574, 34.94, -126.221
Hunter-Lab	41.534, 84.632, -105.576
Binary	10110011, 00010110, 11111101

#b316fd
```
#b316fd rgb(179,22,253)
```
#60fd16
```
#60fd16 rgb(96,253,22)
```

Complementary Color

#3f16fd
```
#3f16fd rgb(63,22,253)
```
#b316fd
```
#b316fd rgb(179,22,253)
```
#fd16d4
```
#fd16d4 rgb(253,22,212)
```

Analogous Color

#16fd3f
```
#16fd3f rgb(22,253,63)
```
#b316fd
```
#b316fd rgb(179,22,253)
```
#d4fd16
```
#d4fd16 rgb(212,253,22)
```

Split Complementary Color

#16fdb3
```
#16fdb3 rgb(22,253,179)
```
#b316fd
```
#b316fd rgb(179,22,253)
```
#fdb316
```
#fdb316 rgb(253,179,22)
```

Triadic Color

#1660fd
```
#1660fd rgb(22,96,253)
```
#b316fd
```
#b316fd rgb(179,22,253)
```
#fdb316
```
#fdb316 rgb(253,179,22)
```
#60fd16
```
#60fd16 rgb(96,253,22)
```

Tetradic Color

#8602c5
```
#8602c5 rgb(134,2,197)
```
#9802de
```
#9802de rgb(152,2,222)
```
#a902f7
```
#a902f7 rgb(169,2,247)
```
#b316fd
```
#b316fd rgb(179,22,253)
```
#bb2ffd
```
#bb2ffd rgb(187,47,253)
```
#c349fd
```
#c349fd rgb(195,73,253)
```
#cc62fe
```
#cc62fe rgb(204,98,254)
```

Monochromatic Color

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

#7916fd
```
#7916fd rgb(121,22,253)
```
#8d16fd
```
#8d16fd rgb(141,22,253)
```
#a016fd
```
#a016fd rgb(160,22,253)
```
#b316fd
```
#b316fd rgb(179,22,253)
```
#c616fd
```
#c616fd rgb(198,22,253)
```
#da16fd
```
#da16fd rgb(218,22,253)
```
#ed16fd
```
#ed16fd rgb(237,22,253)
```

Similar Colors

Text with hexadecimal color #b316fd

This text has a font color of #b316fd.

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

#b316fd background color

This paragraph has a background color of #b316fd.

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

#b316fd border color

This element has a border color of #b316fd.

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

CSS codes

.text {color:#b316fd;}

.background {background-color:#b316fd;}

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

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, #000000 is the darkest color, while #f9ecff is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0e0014
```
#0e0014 rgb(14,0,20)
```
#1b0027
```
#1b0027 rgb(27,0,39)
```
#28013b
```
#28013b rgb(40,1,59)
```
#35014e
```
#35014e rgb(53,1,78)
```
#430162
```
#430162 rgb(67,1,98)
```
#500175
```
#500175 rgb(80,1,117)
```
#5d0189
```
#5d0189 rgb(93,1,137)
```
#6a019c
```
#6a019c rgb(106,1,156)
```
#7802af
```
#7802af rgb(120,2,175)
```
#8502c3
```
#8502c3 rgb(133,2,195)
```
#9202d6
```
#9202d6 rgb(146,2,214)
```
#a002ea
```
#a002ea rgb(160,2,234)
```

Shade Color Variation

#ad03fd
```
#ad03fd rgb(173,3,253)
```
#b316fd
```
#b316fd rgb(179,22,253)
```
#b929fd
```
#b929fd rgb(185,41,253)
```
#c03dfd
```
#c03dfd rgb(192,61,253)
```
#c650fe
```
#c650fe rgb(198,80,254)
```
#cc64fe
```
#cc64fe rgb(204,100,254)
```
#d377fe
```
#d377fe rgb(211,119,254)
```
#d98bfe
```
#d98bfe rgb(217,139,254)
```
#df9efe
```
#df9efe rgb(223,158,254)
```
#e6b2fe
```
#e6b2fe rgb(230,178,254)
```
#ecc5ff
```
#ecc5ff rgb(236,197,255)
```
#f2d8ff
```
#f2d8ff rgb(242,216,255)
```
#f9ecff
```
#f9ecff rgb(249,236,255)
```

Tint Color Variation

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

#8c8291
```
#8c8291 rgb(140,130,145)
```
#8f799a
```
#8f799a rgb(143,121,154)
```
#9370a3
```
#9370a3 rgb(147,112,163)
```
#9667ac
```
#9667ac rgb(150,103,172)
```
#995eb5
```
#995eb5 rgb(153,94,181)
```
#9c55be
```
#9c55be rgb(156,85,190)
```
#a04cc7
```
#a04cc7 rgb(160,76,199)
```
#a343d0
```
#a343d0 rgb(163,67,208)
```
#a63ad9
```
#a63ad9 rgb(166,58,217)
```
#a931e2
```
#a931e2 rgb(169,49,226)
```
#ad28eb
```
#ad28eb rgb(173,40,235)
```
#b01ff4
```
#b01ff4 rgb(176,31,244)
```
#b316fd
```
#b316fd rgb(179,22,253)
```

Tone Color Variation

Below, you can see how #b316fd 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
#70507f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e7 Protanopia 1% of men
#007dcc Deuteranopia 1% of men
#9b6e76 Tritanopia 0.001% of the population

Trichromacy

#4153ef Protanomaly 1% of men, 0.01% of women
#4157de Deuteranomaly 6% of men, 0.4% of women
#a44ea7 Tritanomaly 0.01% of the population

#b316fd hex color

#b316fd Color Information

#b316fd Color Conversion

Color Schemes with #b316fd

Alternatives to #b316fd

#b316fd Preview

Shades and Tints of #b316fd

Tones of #b316fd

Color Blindness Simulator