#5316f6 hex color

In a RGB color space, hex #5316f6 is composed of 32.5% red, 8.6% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 91.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 256.3 degrees, a saturation of 92.6% and a lightness of 52.5%. #5316f6 color hex could be obtained by blending #a62cff with #0000ed. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 33
- G 9
- B 96
RGB color chart
- C 66
- M 91
- Y 0
- K 4
CMYK color chart

● #5316f6 color description : Vivid violet.

The hexadecimal color #5316f6 has RGB values of R:83, G:22, B:246 and CMYK values of C:0.66, M:0.91, Y:0, K:0.04. Its decimal value is 5445366.

Hex triplet	5316f6	`#5316f6`
RGB Decimal	83, 22, 246	`rgb(83,22,246)`
RGB Percent	32.5, 8.6, 96.5	`rgb(32.5%,8.6%,96.5%)`
CMYK	66, 91, 0, 4
HSL	256.3°, 92.6, 52.5	`hsl(256.3,92.6%,52.5%)`
HSV (or HSB)	256.3°, 91.1, 96.5
Web Safe	6600ff	`#6600ff`

CIE-LAB	36.111, 75.168, -96.347
XYZ	20.486, 9.066, 87.854
xyY	0.174, 0.077, 9.066
CIE-LCH	36.111, 122.201, 307.961
CIE-LUV	36.111, -1.293, -128.666
Hunter-Lab	30.109, 68.755, -151.921
Binary	01010011, 00010110, 11110110

#5316f6
```
#5316f6 rgb(83,22,246)
```
#b9f616
```
#b9f616 rgb(185,246,22)
```

Complementary Color

#1649f6
```
#1649f6 rgb(22,73,246)
```
#5316f6
```
#5316f6 rgb(83,22,246)
```
#c316f6
```
#c316f6 rgb(195,22,246)
```

Analogous Color

#49f616
```
#49f616 rgb(73,246,22)
```
#5316f6
```
#5316f6 rgb(83,22,246)
```
#f6c316
```
#f6c316 rgb(246,195,22)
```

Split Complementary Color

#16f653
```
#16f653 rgb(22,246,83)
```
#5316f6
```
#5316f6 rgb(83,22,246)
```
#f65316
```
#f65316 rgb(246,83,22)
```

Triadic Color

#16b9f6
```
#16b9f6 rgb(22,185,246)
```
#5316f6
```
#5316f6 rgb(83,22,246)
```
#f65316
```
#f65316 rgb(246,83,22)
```
#b9f616
```
#b9f616 rgb(185,246,22)
```

Tetradic Color

#3707b8
```
#3707b8 rgb(55,7,184)
```
#3f08d1
```
#3f08d1 rgb(63,8,209)
```
#4609e9
```
#4609e9 rgb(70,9,233)
```
#5316f6
```
#5316f6 rgb(83,22,246)
```
#652ff7
```
#652ff7 rgb(101,47,247)
```
#7747f8
```
#7747f8 rgb(119,71,248)
```
#8960f9
```
#8960f9 rgb(137,96,249)
```

Monochromatic Color

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

#1b16f6
```
#1b16f6 rgb(27,22,246)
```
#2e16f6
```
#2e16f6 rgb(46,22,246)
```
#4016f6
```
#4016f6 rgb(64,22,246)
```
#5316f6
```
#5316f6 rgb(83,22,246)
```
#6616f6
```
#6616f6 rgb(102,22,246)
```
#7816f6
```
#7816f6 rgb(120,22,246)
```
#8b16f6
```
#8b16f6 rgb(139,22,246)
```

Similar Colors

Text with hexadecimal color #5316f6

This text has a font color of #5316f6.

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

#5316f6 background color

This paragraph has a background color of #5316f6.

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

#5316f6 border color

This element has a border color of #5316f6.

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

CSS codes

.text {color:#5316f6;}

.background {background-color:#5316f6;}

.border {border:1px solid #5316f6;}

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, #04000d is the darkest color, while #faf9ff is the lightest one.

#04000d
```
#04000d rgb(4,0,13)
```
#09011f
```
#09011f rgb(9,1,31)
```
#0f0232
```
#0f0232 rgb(15,2,50)
```
#150345
```
#150345 rgb(21,3,69)
```
#1a0358
```
#1a0358 rgb(26,3,88)
```
#20046b
```
#20046b rgb(32,4,107)
```
#26057e
```
#26057e rgb(38,5,126)
```
#2b0691
```
#2b0691 rgb(43,6,145)
```
#3106a4
```
#3106a4 rgb(49,6,164)
```
#3707b6
```
#3707b6 rgb(55,7,182)
```
#3c08c9
```
#3c08c9 rgb(60,8,201)
```
#4209dc
```
#4209dc rgb(66,9,220)
```
#4809ef
```
#4809ef rgb(72,9,239)
```

Shade Color Variation

#5316f6
```
#5316f6 rgb(83,22,246)
```
#6129f7
```
#6129f7 rgb(97,41,247)
```
#6f3cf7
```
#6f3cf7 rgb(111,60,247)
```
#7d4ff8
```
#7d4ff8 rgb(125,79,248)
```
#8b62f9
```
#8b62f9 rgb(139,98,249)
```
#9974fa
```
#9974fa rgb(153,116,250)
```
#a787fa
```
#a787fa rgb(167,135,250)
```
#b59afb
```
#b59afb rgb(181,154,251)
```
#c3adfc
```
#c3adfc rgb(195,173,252)
```
#d0c0fd
```
#d0c0fd rgb(208,192,253)
```
#ded3fd
```
#ded3fd rgb(222,211,253)
```
#ece6fe
```
#ece6fe rgb(236,230,254)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#868686
```
#868686 rgb(134,134,134)
```
#827c90
```
#827c90 rgb(130,124,144)
```
#7d7399
```
#7d7399 rgb(125,115,153)
```
#796aa2
```
#796aa2 rgb(121,106,162)
```
#7560ac
```
#7560ac rgb(117,96,172)
```
#7157b5
```
#7157b5 rgb(113,87,181)
```
#6c4ebe
```
#6c4ebe rgb(108,78,190)
```
#6845c7
```
#6845c7 rgb(104,69,199)
```
#643bd1
```
#643bd1 rgb(100,59,209)
```
#6032da
```
#6032da rgb(96,50,218)
```
#5b29e3
```
#5b29e3 rgb(91,41,227)
```
#571fed
```
#571fed rgb(87,31,237)
```
#5316f6
```
#5316f6 rgb(83,22,246)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#453966 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

#1e42c9 Protanomaly 1% of men, 0.01% of women
#1e45ba Deuteranomaly 6% of men, 0.4% of women
#1e499e Tritanomaly 0.01% of the population

#5316f6 hex color

#5316f6 Color Information

#5316f6 Color Conversion

Color Schemes with #5316f6

Alternatives to #5316f6

#5316f6 Preview

Shades and Tints of #5316f6

Tones of #5316f6

Color Blindness Simulator