#b311ff hex color

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

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

● #b311ff color description : Vivid violet.

The hexadecimal color #b311ff has RGB values of R:179, G:17, B:255 and CMYK values of C:0.3, M:0.93, Y:0, K:0. Its decimal value is 11735551.

Hex triplet	b311ff	`#b311ff`
RGB Decimal	179, 17, 255	`rgb(179,17,255)`
RGB Percent	70.2, 6.7, 100	`rgb(70.2%,6.7%,100%)`
CMYK	30, 93, 0, 0
HSL	280.8°, 100, 53.3	`hsl(280.8,100%,53.3%)`
HSV (or HSB)	280.8°, 93.3, 100
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.518, 86.455, -80.529
XYZ	36.838, 17.206, 95.983
xyY	0.246, 0.115, 17.206
CIE-LCH	48.518, 118.15, 317.032
CIE-LUV	48.518, 34.669, -127.829
Hunter-Lab	41.48, 85.937, -108.159
Binary	10110011, 00010001, 11111111

#b311ff
```
#b311ff rgb(179,17,255)
```
#5dff11
```
#5dff11 rgb(93,255,17)
```

Complementary Color

#3c11ff
```
#3c11ff rgb(60,17,255)
```
#b311ff
```
#b311ff rgb(179,17,255)
```
#ff11d4
```
#ff11d4 rgb(255,17,212)
```

Analogous Color

#11ff3c
```
#11ff3c rgb(17,255,60)
```
#b311ff
```
#b311ff rgb(179,17,255)
```
#d4ff11
```
#d4ff11 rgb(212,255,17)
```

Split Complementary Color

#11ffb3
```
#11ffb3 rgb(17,255,179)
```
#b311ff
```
#b311ff rgb(179,17,255)
```
#ffb311
```
#ffb311 rgb(255,179,17)
```

Triadic Color

#115dff
```
#115dff rgb(17,93,255)
```
#b311ff
```
#b311ff rgb(179,17,255)
```
#ffb311
```
#ffb311 rgb(255,179,17)
```
#5dff11
```
#5dff11 rgb(93,255,17)
```

Tetradic Color

#8500c4
```
#8500c4 rgb(133,0,196)
```
#9600dd
```
#9600dd rgb(150,0,221)
```
#a800f7
```
#a800f7 rgb(168,0,247)
```
#b311ff
```
#b311ff rgb(179,17,255)
```
#bb2bff
```
#bb2bff rgb(187,43,255)
```
#c344ff
```
#c344ff rgb(195,68,255)
```
#cb5eff
```
#cb5eff rgb(203,94,255)
```

Monochromatic Color

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

#7811ff
```
#7811ff rgb(120,17,255)
```
#8b11ff
```
#8b11ff rgb(139,17,255)
```
#9f11ff
```
#9f11ff rgb(159,17,255)
```
#b311ff
```
#b311ff rgb(179,17,255)
```
#c711ff
```
#c711ff rgb(199,17,255)
```
#db11ff
```
#db11ff rgb(219,17,255)
```
#ef11ff
```
#ef11ff rgb(239,17,255)
```

Similar Colors

Text with hexadecimal color #b311ff

This text has a font color of #b311ff.

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

#b311ff background color

This paragraph has a background color of #b311ff.

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

#b311ff border color

This element has a border color of #b311ff.

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

CSS codes

.text {color:#b311ff;}

.background {background-color:#b311ff;}

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

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

#0c0011
```
#0c0011 rgb(12,0,17)
```
#190025
```
#190025 rgb(25,0,37)
```
#260038
```
#260038 rgb(38,0,56)
```
#34004c
```
#34004c rgb(52,0,76)
```
#41005f
```
#41005f rgb(65,0,95)
```
#4e0073
```
#4e0073 rgb(78,0,115)
```
#5c0087
```
#5c0087 rgb(92,0,135)
```
#69009a
```
#69009a rgb(105,0,154)
```
#7600ae
```
#7600ae rgb(118,0,174)
```
#8400c2
```
#8400c2 rgb(132,0,194)
```
#9100d5
```
#9100d5 rgb(145,0,213)
```
#9e00e9
```
#9e00e9 rgb(158,0,233)
```
#ac00fc
```
#ac00fc rgb(172,0,252)
```

Shade Color Variation

#b311ff
```
#b311ff rgb(179,17,255)
```
#b925ff
```
#b925ff rgb(185,37,255)
```
#c038ff
```
#c038ff rgb(192,56,255)
```
#c64cff
```
#c64cff rgb(198,76,255)
```
#cc5fff
```
#cc5fff rgb(204,95,255)
```
#d273ff
```
#d273ff rgb(210,115,255)
```
#d987ff
```
#d987ff rgb(217,135,255)
```
#df9aff
```
#df9aff rgb(223,154,255)
```
#e5aeff
```
#e5aeff rgb(229,174,255)
```
#ebc2ff
```
#ebc2ff rgb(235,194,255)
```
#f2d5ff
```
#f2d5ff rgb(242,213,255)
```
#f8e9ff
```
#f8e9ff rgb(248,233,255)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#8b7f91
```
#8b7f91 rgb(139,127,145)
```
#8f769a
```
#8f769a rgb(143,118,154)
```
#926da3
```
#926da3 rgb(146,109,163)
```
#9563ad
```
#9563ad rgb(149,99,173)
```
#995ab6
```
#995ab6 rgb(153,90,182)
```
#9c51bf
```
#9c51bf rgb(156,81,191)
```
#9f48c8
```
#9f48c8 rgb(159,72,200)
```
#a23fd1
```
#a23fd1 rgb(162,63,209)
```
#a636da
```
#a636da rgb(166,54,218)
```
#a92ce4
```
#a92ce4 rgb(169,44,228)
```
#ac23ed
```
#ac23ed rgb(172,35,237)
```
#b01af6
```
#b01af6 rgb(176,26,246)
```
#b311ff
```
#b311ff rgb(179,17,255)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#6e4e7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e7 Protanopia 1% of men
#007dcb Deuteranopia 1% of men
#9a6e76 Tritanopia 0.001% of the population

Trichromacy

#4151ef Protanomaly 1% of men, 0.01% of women
#4155de Deuteranomaly 6% of men, 0.4% of women
#a34ca7 Tritanomaly 0.01% of the population

#b311ff hex color

#b311ff Color Information

#b311ff Color Conversion

Color Schemes with #b311ff

Alternatives to #b311ff

#b311ff Preview

Shades and Tints of #b311ff

Tones of #b311ff

Color Blindness Simulator