#5316a4 hex color

In a RGB color space, hex #5316a4 is composed of 32.5% red, 8.6% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 86.6% magenta, 0% yellow and 35.7% black. It has a hue angle of 265.8 degrees, a saturation of 76.3% and a lightness of 36.5%. #5316a4 color hex could be obtained by blending #a62cff with #000049. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 33
- G 9
- B 64
RGB color chart
- C 49
- M 87
- Y 0
- K 36
CMYK color chart

● #5316a4 color description : Dark violet.

The hexadecimal color #5316a4 has RGB values of R:83, G:22, B:164 and CMYK values of C:0.49, M:0.87, Y:0, K:0.36. Its decimal value is 5445284.

Hex triplet	5316a4	`#5316a4`
RGB Decimal	83, 22, 164	`rgb(83,22,164)`
RGB Percent	32.5, 8.6, 64.3	`rgb(32.5%,8.6%,64.3%)`
CMYK	49, 87, 0, 36
HSL	265.8°, 76.3, 36.5	`hsl(265.8,76.3%,36.5%)`
HSV (or HSB)	265.8°, 86.6, 64.3
Web Safe	660099	`#660099`

CIE-LAB	26.998, 54.985, -63.579
XYZ	10.554, 5.093, 35.547
xyY	0.206, 0.099, 5.093
CIE-LCH	26.998, 84.057, 310.854
CIE-LUV	26.998, 7.099, -81.273
Hunter-Lab	22.568, 43.982, -77.591
Binary	01010011, 00010110, 10100100

#5316a4
```
#5316a4 rgb(83,22,164)
```
#67a416
```
#67a416 rgb(103,164,22)
```

Complementary Color

#1620a4
```
#1620a4 rgb(22,32,164)
```
#5316a4
```
#5316a4 rgb(83,22,164)
```
#9a16a4
```
#9a16a4 rgb(154,22,164)
```

Analogous Color

#20a416
```
#20a416 rgb(32,164,22)
```
#5316a4
```
#5316a4 rgb(83,22,164)
```
#a49a16
```
#a49a16 rgb(164,154,22)
```

Split Complementary Color

#16a453
```
#16a453 rgb(22,164,83)
```
#5316a4
```
#5316a4 rgb(83,22,164)
```
#a45316
```
#a45316 rgb(164,83,22)
```

Triadic Color

#1667a4
```
#1667a4 rgb(22,103,164)
```
#5316a4
```
#5316a4 rgb(83,22,164)
```
#a45316
```
#a45316 rgb(164,83,22)
```
#67a416
```
#67a416 rgb(103,164,22)
```

Tetradic Color

#310d61
```
#310d61 rgb(49,13,97)
```
#3c1077
```
#3c1077 rgb(60,16,119)
```
#48138e
```
#48138e rgb(72,19,142)
```
#5316a4
```
#5316a4 rgb(83,22,164)
```
#5e19ba
```
#5e19ba rgb(94,25,186)
```
#6a1cd1
```
#6a1cd1 rgb(106,28,209)
```
#7625e2
```
#7625e2 rgb(118,37,226)
```

Monochromatic Color

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

#3016a4
```
#3016a4 rgb(48,22,164)
```
#3b16a4
```
#3b16a4 rgb(59,22,164)
```
#4716a4
```
#4716a4 rgb(71,22,164)
```
#5316a4
```
#5316a4 rgb(83,22,164)
```
#5f16a4
```
#5f16a4 rgb(95,22,164)
```
#6b16a4
```
#6b16a4 rgb(107,22,164)
```
#7716a4
```
#7716a4 rgb(119,22,164)
```

Similar Colors

Text with hexadecimal color #5316a4

This text has a font color of #5316a4.

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

#5316a4 background color

This paragraph has a background color of #5316a4.

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

#5316a4 border color

This element has a border color of #5316a4.

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

CSS codes

.text {color:#5316a4;}

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

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

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

#040108
```
#040108 rgb(4,1,8)
```
#0d031a
```
#0d031a rgb(13,3,26)
```
#16062b
```
#16062b rgb(22,6,43)
```
#1e083c
```
#1e083c rgb(30,8,60)
```
#270a4e
```
#270a4e rgb(39,10,78)
```
#300d5f
```
#300d5f rgb(48,13,95)
```
#390f70
```
#390f70 rgb(57,15,112)
```
#411181
```
#411181 rgb(65,17,129)
```
#4a1493
```
#4a1493 rgb(74,20,147)
```
#5316a4
```
#5316a4 rgb(83,22,164)
```
#5c18b5
```
#5c18b5 rgb(92,24,181)
```
#651bc7
```
#651bc7 rgb(101,27,199)
```
#6d1dd8
```
#6d1dd8 rgb(109,29,216)
```

Shade Color Variation

#7727e2
```
#7727e2 rgb(119,39,226)
```
#8238e4
```
#8238e4 rgb(130,56,228)
```
#8d49e7
```
#8d49e7 rgb(141,73,231)
```
#985ae9
```
#985ae9 rgb(152,90,233)
```
#a26ceb
```
#a26ceb rgb(162,108,235)
```
#ad7dee
```
#ad7dee rgb(173,125,238)
```
#b88ef0
```
#b88ef0 rgb(184,142,240)
```
#c3a0f2
```
#c3a0f2 rgb(195,160,242)
```
#ceb1f5
```
#ceb1f5 rgb(206,177,245)
```
#d9c2f7
```
#d9c2f7 rgb(217,194,247)
```
#e4d3f9
```
#e4d3f9 rgb(228,211,249)
```
#efe5fb
```
#efe5fb rgb(239,229,251)
```
#f9f6fe
```
#f9f6fe rgb(249,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5664 is the less saturated color, while #5001b9 is the most saturated one.

#5c5664
```
#5c5664 rgb(92,86,100)
```
#5b4f6b
```
#5b4f6b rgb(91,79,107)
```
#5a4872
```
#5a4872 rgb(90,72,114)
```
#594179
```
#594179 rgb(89,65,121)
```
#583a80
```
#583a80 rgb(88,58,128)
```
#573387
```
#573387 rgb(87,51,135)
```
#562b8f
```
#562b8f rgb(86,43,143)
```
#552496
```
#552496 rgb(85,36,150)
```
#541d9d
```
#541d9d rgb(84,29,157)
```
#5316a4
```
#5316a4 rgb(83,22,164)
```
#520fab
```
#520fab rgb(82,15,171)
```
#5108b2
```
#5108b2 rgb(81,8,178)
```
#5001b9
```
#5001b9 rgb(80,1,185)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#3d314e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478b Protanopia 1% of men
#004b79 Deuteranopia 1% of men
#3d4c51 Tritanopia 0.001% of the population

Trichromacy

#1e3594 Protanomaly 1% of men, 0.01% of women
#1e3888 Deuteranomaly 6% of men, 0.4% of women
#45386f Tritanomaly 0.01% of the population

#5316a4 hex color

#5316a4 Color Information

#5316a4 Color Conversion

Color Schemes with #5316a4

Alternatives to #5316a4

#5316a4 Preview

Shades and Tints of #5316a4

Tones of #5316a4

Color Blindness Simulator