#5106ff hex color

In a RGB color space, hex #5106ff is composed of 31.8% red, 2.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 97.6% magenta, 0% yellow and 0% black. It has a hue angle of 258.1 degrees, a saturation of 100% and a lightness of 51.2%. #5106ff color hex could be obtained by blending #a20cff with #0000ff. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 32
- G 2
- B 100
RGB color chart
- C 68
- M 98
- Y 0
- K 0
CMYK color chart

● #5106ff color description : Vivid violet.

The hexadecimal color #5106ff has RGB values of R:81, G:6, B:255 and CMYK values of C:0.68, M:0.98, Y:0, K:0. Its decimal value is 5310207.

Hex triplet	5106ff	`#5106ff`
RGB Decimal	81, 6, 255	`rgb(81,6,255)`
RGB Percent	31.8, 2.4, 100	`rgb(31.8%,2.4%,100%)`
CMYK	68, 98, 0, 0
HSL	258.1°, 100, 51.2	`hsl(258.1,100%,51.2%)`
HSV (or HSB)	258.1°, 97.6, 100
Web Safe	6600ff	`#6600ff`

CIE-LAB	36.173, 79.79, -101.307
XYZ	21.505, 9.099, 95.225
xyY	0.171, 0.072, 9.099
CIE-LCH	36.173, 128.956, 308.224
CIE-LUV	36.173, -1.858, -133.441
Hunter-Lab	30.164, 74.473, -166.06
Binary	01010001, 00000110, 11111111

#5106ff
```
#5106ff rgb(81,6,255)
```
#b4ff06
```
#b4ff06 rgb(180,255,6)
```

Complementary Color

#0637ff
```
#0637ff rgb(6,55,255)
```
#5106ff
```
#5106ff rgb(81,6,255)
```
#ce06ff
```
#ce06ff rgb(206,6,255)
```

Analogous Color

#37ff06
```
#37ff06 rgb(55,255,6)
```
#5106ff
```
#5106ff rgb(81,6,255)
```
#ffce06
```
#ffce06 rgb(255,206,6)
```

Split Complementary Color

#06ff51
```
#06ff51 rgb(6,255,81)
```
#5106ff
```
#5106ff rgb(81,6,255)
```
#ff5106
```
#ff5106 rgb(255,81,6)
```

Triadic Color

#06b4ff
```
#06b4ff rgb(6,180,255)
```
#5106ff
```
#5106ff rgb(81,6,255)
```
#ff5106
```
#ff5106 rgb(255,81,6)
```
#b4ff06
```
#b4ff06 rgb(180,255,6)
```

Tetradic Color

#3800b9
```
#3800b9 rgb(56,0,185)
```
#3f00d2
```
#3f00d2 rgb(63,0,210)
```
#4700ec
```
#4700ec rgb(71,0,236)
```
#5106ff
```
#5106ff rgb(81,6,255)
```
#6320ff
```
#6320ff rgb(99,32,255)
```
#7539ff
```
#7539ff rgb(117,57,255)
```
#8653ff
```
#8653ff rgb(134,83,255)
```

Monochromatic Color

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

#1306ff
```
#1306ff rgb(19,6,255)
```
#2806ff
```
#2806ff rgb(40,6,255)
```
#3c06ff
```
#3c06ff rgb(60,6,255)
```
#5106ff
```
#5106ff rgb(81,6,255)
```
#6606ff
```
#6606ff rgb(102,6,255)
```
#7b06ff
```
#7b06ff rgb(123,6,255)
```
#8f06ff
```
#8f06ff rgb(143,6,255)
```

Similar Colors

Text with hexadecimal color #5106ff

This text has a font color of #5106ff.

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

#5106ff background color

This paragraph has a background color of #5106ff.

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

#5106ff border color

This element has a border color of #5106ff.

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

CSS codes

.text {color:#5106ff;}

.background {background-color:#5106ff;}

.border {border:1px solid #5106ff;}

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

#020006
```
#020006 rgb(2,0,6)
```
#08001a
```
#08001a rgb(8,0,26)
```
#0e002d
```
#0e002d rgb(14,0,45)
```
#140041
```
#140041 rgb(20,0,65)
```
#190054
```
#190054 rgb(25,0,84)
```
#1f0068
```
#1f0068 rgb(31,0,104)
```
#25007c
```
#25007c rgb(37,0,124)
```
#2b008f
```
#2b008f rgb(43,0,143)
```
#3100a3
```
#3100a3 rgb(49,0,163)
```
#3700b7
```
#3700b7 rgb(55,0,183)
```
#3d00ca
```
#3d00ca rgb(61,0,202)
```
#4300de
```
#4300de rgb(67,0,222)
```
#4900f1
```
#4900f1 rgb(73,0,241)
```

Shade Color Variation

#5106ff
```
#5106ff rgb(81,6,255)
```
#5f1aff
```
#5f1aff rgb(95,26,255)
```
#6c2dff
```
#6c2dff rgb(108,45,255)
```
#7a41ff
```
#7a41ff rgb(122,65,255)
```
#8854ff
```
#8854ff rgb(136,84,255)
```
#9668ff
```
#9668ff rgb(150,104,255)
```
#a37cff
```
#a37cff rgb(163,124,255)
```
#b18fff
```
#b18fff rgb(177,143,255)
```
#bfa3ff
```
#bfa3ff rgb(191,163,255)
```
#ccb7ff
```
#ccb7ff rgb(204,183,255)
```
#dacaff
```
#dacaff rgb(218,202,255)
```
#e8deff
```
#e8deff rgb(232,222,255)
```
#f5f1ff
```
#f5f1ff rgb(245,241,255)
```

Tint Color Variation

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

#7f798c
```
#7f798c rgb(127,121,140)
```
#7b6f96
```
#7b6f96 rgb(123,111,150)
```
#77669f
```
#77669f rgb(119,102,159)
```
#735ca9
```
#735ca9 rgb(115,92,169)
```
#6f53b2
```
#6f53b2 rgb(111,83,178)
```
#6c49bc
```
#6c49bc rgb(108,73,188)
```
#683fc6
```
#683fc6 rgb(104,63,198)
```
#6436cf
```
#6436cf rgb(100,54,207)
```
#602cd9
```
#602cd9 rgb(96,44,217)
```
#5c23e2
```
#5c23e2 rgb(92,35,226)
```
#5919ec
```
#5919ec rgb(89,25,236)
```
#5510f5
```
#5510f5 rgb(85,16,245)
```
#5106ff
```
#5106ff rgb(81,6,255)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#3e2f61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb0 Protanopia 1% of men
#006098 Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

#1d3ccd Protanomaly 1% of men, 0.01% of women
#1d3fbe Deuteranomaly 6% of men, 0.4% of women
#1d43a1 Tritanomaly 0.01% of the population

#5106ff hex color

#5106ff Color Information

#5106ff Color Conversion

Color Schemes with #5106ff

Alternatives to #5106ff

#5106ff Preview

Shades and Tints of #5106ff

Tones of #5106ff

Color Blindness Simulator