#5316f3 hex color

In a RGB color space, hex #5316f3 is composed of 32.5% red, 8.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 90.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 256.6 degrees, a saturation of 90.2% and a lightness of 52%. #5316f3 color hex could be obtained by blending #a62cff with #0000e7. Closest websafe color is: #6600ff.

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

● #5316f3 color description : Vivid violet.

The hexadecimal color #5316f3 has RGB values of R:83, G:22, B:243 and CMYK values of C:0.66, M:0.91, Y:0, K:0.05. Its decimal value is 5445363.

Hex triplet	5316f3	`#5316f3`
RGB Decimal	83, 22, 243	`rgb(83,22,243)`
RGB Percent	32.5, 8.6, 95.3	`rgb(32.5%,8.6%,95.3%)`
CMYK	66, 91, 0, 5
HSL	256.6°, 90.2, 52	`hsl(256.6,90.2%,52%)`
HSV (or HSB)	256.6°, 90.9, 95.3
Web Safe	6600ff	`#6600ff`

CIE-LAB	35.758, 74.442, -95.24
XYZ	20.029, 8.883, 85.448
xyY	0.175, 0.078, 8.883
CIE-LCH	35.758, 120.881, 308.012
CIE-LUV	35.758, -1.048, -126.981
Hunter-Lab	29.804, 67.796, -149.119
Binary	01010011, 00010110, 11110011

#5316f3
```
#5316f3 rgb(83,22,243)
```
#b6f316
```
#b6f316 rgb(182,243,22)
```

Complementary Color

#1648f3
```
#1648f3 rgb(22,72,243)
```
#5316f3
```
#5316f3 rgb(83,22,243)
```
#c216f3
```
#c216f3 rgb(194,22,243)
```

Analogous Color

#48f316
```
#48f316 rgb(72,243,22)
```
#5316f3
```
#5316f3 rgb(83,22,243)
```
#f3c216
```
#f3c216 rgb(243,194,22)
```

Split Complementary Color

#16f353
```
#16f353 rgb(22,243,83)
```
#5316f3
```
#5316f3 rgb(83,22,243)
```
#f35316
```
#f35316 rgb(243,83,22)
```

Triadic Color

#16b6f3
```
#16b6f3 rgb(22,182,243)
```
#5316f3
```
#5316f3 rgb(83,22,243)
```
#f35316
```
#f35316 rgb(243,83,22)
```
#b6f316
```
#b6f316 rgb(182,243,22)
```

Tetradic Color

#3809b3
```
#3809b3 rgb(56,9,179)
```
#400acc
```
#400acc rgb(64,10,204)
```
#470ce4
```
#470ce4 rgb(71,12,228)
```
#5316f3
```
#5316f3 rgb(83,22,243)
```
#652ef4
```
#652ef4 rgb(101,46,244)
```
#7747f5
```
#7747f5 rgb(119,71,245)
```
#895ff7
```
#895ff7 rgb(137,95,247)
```

Monochromatic Color

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

#1c16f3
```
#1c16f3 rgb(28,22,243)
```
#2e16f3
```
#2e16f3 rgb(46,22,243)
```
#4116f3
```
#4116f3 rgb(65,22,243)
```
#5316f3
```
#5316f3 rgb(83,22,243)
```
#6516f3
```
#6516f3 rgb(101,22,243)
```
#7816f3
```
#7816f3 rgb(120,22,243)
```
#8a16f3
```
#8a16f3 rgb(138,22,243)
```

Similar Colors

Text with hexadecimal color #5316f3

This text has a font color of #5316f3.

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

#5316f3 background color

This paragraph has a background color of #5316f3.

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

#5316f3 border color

This element has a border color of #5316f3.

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

CSS codes

.text {color:#5316f3;}

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

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

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, #03000a is the darkest color, while #f8f6ff is the lightest one.

#03000a
```
#03000a rgb(3,0,10)
```
#09011c
```
#09011c rgb(9,1,28)
```
#0f022f
```
#0f022f rgb(15,2,47)
```
#150341
```
#150341 rgb(21,3,65)
```
#1a0454
```
#1a0454 rgb(26,4,84)
```
#200567
```
#200567 rgb(32,5,103)
```
#260679
```
#260679 rgb(38,6,121)
```
#2c078c
```
#2c078c rgb(44,7,140)
```
#32089f
```
#32089f rgb(50,8,159)
```
#3809b1
```
#3809b1 rgb(56,9,177)
```
#3d0ac4
```
#3d0ac4 rgb(61,10,196)
```
#430bd7
```
#430bd7 rgb(67,11,215)
```
#490ce9
```
#490ce9 rgb(73,12,233)
```

Shade Color Variation

#5316f3
```
#5316f3 rgb(83,22,243)
```
#6129f4
```
#6129f4 rgb(97,41,244)
```
#6f3bf5
```
#6f3bf5 rgb(111,59,245)
```
#7c4ef6
```
#7c4ef6 rgb(124,78,246)
```
#8a61f7
```
#8a61f7 rgb(138,97,247)
```
#9873f8
```
#9873f8 rgb(152,115,248)
```
#a686f9
```
#a686f9 rgb(166,134,249)
```
#b399fa
```
#b399fa rgb(179,153,250)
```
#c1abfb
```
#c1abfb rgb(193,171,251)
```
#cfbefc
```
#cfbefc rgb(207,190,252)
```
#ddd1fd
```
#ddd1fd rgb(221,209,253)
```
#eae3fe
```
#eae3fe rgb(234,227,254)
```
#f8f6ff
```
#f8f6ff rgb(248,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #817e8b is the less saturated color, while #4f0dfc is the most saturated one.

#817e8b
```
#817e8b rgb(129,126,139)
```
#7d7495
```
#7d7495 rgb(125,116,149)
```
#796b9e
```
#796b9e rgb(121,107,158)
```
#7561a8
```
#7561a8 rgb(117,97,168)
```
#7158b1
```
#7158b1 rgb(113,88,177)
```
#6c4fba
```
#6c4fba rgb(108,79,186)
```
#6845c4
```
#6845c4 rgb(104,69,196)
```
#643ccd
```
#643ccd rgb(100,60,205)
```
#6032d7
```
#6032d7 rgb(96,50,215)
```
#5b29e0
```
#5b29e0 rgb(91,41,224)
```
#571fea
```
#571fea rgb(87,31,234)
```
#5316f3
```
#5316f3 rgb(83,22,243)
```
#4f0dfc
```
#4f0dfc rgb(79,13,252)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#453865 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#1e41c7 Protanomaly 1% of men, 0.01% of women
#1e44b8 Deuteranomaly 6% of men, 0.4% of women
#1e499c Tritanomaly 0.01% of the population

#5316f3 hex color

#5316f3 Color Information

#5316f3 Color Conversion

Color Schemes with #5316f3

Alternatives to #5316f3

#5316f3 Preview

Shades and Tints of #5316f3

Tones of #5316f3

Color Blindness Simulator