#b314ff hex color

In a RGB color space, hex #b314ff is composed of 70.2% red, 7.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 92.2% magenta, 0% yellow and 0% black. It has a hue angle of 280.6 degrees, a saturation of 100% and a lightness of 53.9%. #b314ff color hex could be obtained by blending #ff28ff with #6700ff. Closest websafe color is: #cc00ff.

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

● #b314ff color description : Vivid violet.

The hexadecimal color #b314ff has RGB values of R:179, G:20, B:255 and CMYK values of C:0.3, M:0.92, Y:0, K:0. Its decimal value is 11736319.

Hex triplet	b314ff	`#b314ff`
RGB Decimal	179, 20, 255	`rgb(179,20,255)`
RGB Percent	70.2, 7.8, 100	`rgb(70.2%,7.8%,100%)`
CMYK	30, 92, 0, 0
HSL	280.6°, 100, 53.9	`hsl(280.6,100%,53.9%)`
HSV (or HSB)	280.6°, 92.2, 100
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.642, 86.084, -80.326
XYZ	36.888, 17.305, 95.999
xyY	0.246, 0.115, 17.305
CIE-LCH	48.642, 117.74, 316.982
CIE-LUV	48.642, 34.538, -127.645
Hunter-Lab	41.599, 85.485, -107.705
Binary	10110011, 00010100, 11111111

#b314ff
```
#b314ff rgb(179,20,255)
```
#60ff14
```
#60ff14 rgb(96,255,20)
```

Complementary Color

#3d14ff
```
#3d14ff rgb(61,20,255)
```
#b314ff
```
#b314ff rgb(179,20,255)
```
#ff14d6
```
#ff14d6 rgb(255,20,214)
```

Analogous Color

#14ff3d
```
#14ff3d rgb(20,255,61)
```
#b314ff
```
#b314ff rgb(179,20,255)
```
#d6ff14
```
#d6ff14 rgb(214,255,20)
```

Split Complementary Color

#14ffb3
```
#14ffb3 rgb(20,255,179)
```
#b314ff
```
#b314ff rgb(179,20,255)
```
#ffb314
```
#ffb314 rgb(255,179,20)
```

Triadic Color

#1460ff
```
#1460ff rgb(20,96,255)
```
#b314ff
```
#b314ff rgb(179,20,255)
```
#ffb314
```
#ffb314 rgb(255,179,20)
```
#60ff14
```
#60ff14 rgb(96,255,20)
```

Tetradic Color

#8600c7
```
#8600c7 rgb(134,0,199)
```
#9800e0
```
#9800e0 rgb(152,0,224)
```
#a900fa
```
#a900fa rgb(169,0,250)
```
#b314ff
```
#b314ff rgb(179,20,255)
```
#bb2eff
```
#bb2eff rgb(187,46,255)
```
#c347ff
```
#c347ff rgb(195,71,255)
```
#cc61ff
```
#cc61ff rgb(204,97,255)
```

Monochromatic Color

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

#7814ff
```
#7814ff rgb(120,20,255)
```
#8c14ff
```
#8c14ff rgb(140,20,255)
```
#9f14ff
```
#9f14ff rgb(159,20,255)
```
#b314ff
```
#b314ff rgb(179,20,255)
```
#c714ff
```
#c714ff rgb(199,20,255)
```
#da14ff
```
#da14ff rgb(218,20,255)
```
#ee14ff
```
#ee14ff rgb(238,20,255)
```

Similar Colors

Text with hexadecimal color #b314ff

This text has a font color of #b314ff.

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

#b314ff background color

This paragraph has a background color of #b314ff.

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

#b314ff border color

This element has a border color of #b314ff.

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

CSS codes

.text {color:#b314ff;}

.background {background-color:#b314ff;}

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

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)
```
#1b0028
```
#1b0028 rgb(27,0,40)
```
#28003b
```
#28003b rgb(40,0,59)
```
#35004f
```
#35004f rgb(53,0,79)
```
#430062
```
#430062 rgb(67,0,98)
```
#500076
```
#500076 rgb(80,0,118)
```
#5d008a
```
#5d008a rgb(93,0,138)
```
#6a009d
```
#6a009d rgb(106,0,157)
```
#7800b1
```
#7800b1 rgb(120,0,177)
```
#8500c5
```
#8500c5 rgb(133,0,197)
```
#9200d8
```
#9200d8 rgb(146,0,216)
```
#a000ec
```
#a000ec rgb(160,0,236)
```

Shade Color Variation

#ad00ff
```
#ad00ff rgb(173,0,255)
```
#b314ff
```
#b314ff rgb(179,20,255)
```
#b928ff
```
#b928ff rgb(185,40,255)
```
#c03bff
```
#c03bff rgb(192,59,255)
```
#c64fff
```
#c64fff rgb(198,79,255)
```
#cc62ff
```
#cc62ff rgb(204,98,255)
```
#d376ff
```
#d376ff rgb(211,118,255)
```
#d98aff
```
#d98aff rgb(217,138,255)
```
#df9dff
```
#df9dff rgb(223,157,255)
```
#e6b1ff
```
#e6b1ff rgb(230,177,255)
```
#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, #8d8093 is the less saturated color, while #b314ff is the most saturated one.

#8d8093
```
#8d8093 rgb(141,128,147)
```
#90779c
```
#90779c rgb(144,119,156)
```
#936ea5
```
#936ea5 rgb(147,110,165)
```
#9665ae
```
#9665ae rgb(150,101,174)
```
#995cb7
```
#995cb7 rgb(153,92,183)
```
#9d53c0
```
#9d53c0 rgb(157,83,192)
```
#a04ac9
```
#a04ac9 rgb(160,74,201)
```
#a341d2
```
#a341d2 rgb(163,65,210)
```
#a638db
```
#a638db rgb(166,56,219)
```
#a92fe4
```
#a92fe4 rgb(169,47,228)
```
#ad26ed
```
#ad26ed rgb(173,38,237)
```
#b01df6
```
#b01df6 rgb(176,29,246)
```
#b314ff
```
#b314ff rgb(179,20,255)
```

Tone Color Variation

Below, you can see how #b314ff 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
#6f4f7e 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

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

#b314ff hex color

#b314ff Color Information

#b314ff Color Conversion

Color Schemes with #b314ff

Alternatives to #b314ff

#b314ff Preview

Shades and Tints of #b314ff

Tones of #b314ff

Color Blindness Simulator