#5314d8 hex color

In a RGB color space, hex #5314d8 is composed of 32.5% red, 7.8% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 90.7% magenta, 0% yellow and 15.3% black. It has a hue angle of 259.3 degrees, a saturation of 83.1% and a lightness of 46.3%. #5314d8 color hex could be obtained by blending #a628ff with #0000b1. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 33
- G 8
- B 85
RGB color chart
- C 62
- M 91
- Y 0
- K 15
CMYK color chart

● #5314d8 color description : Strong violet.

The hexadecimal color #5314d8 has RGB values of R:83, G:20, B:216 and CMYK values of C:0.62, M:0.91, Y:0, K:0.15. Its decimal value is 5444824.

Hex triplet	5314d8	`#5314d8`
RGB Decimal	83, 20, 216	`rgb(83,20,216)`
RGB Percent	32.5, 7.8, 84.7	`rgb(32.5%,7.8%,84.7%)`
CMYK	62, 91, 0, 15
HSL	259.3°, 83.1, 46.3	`hsl(259.3,83.1%,46.3%)`
HSV (or HSB)	259.3°, 90.7, 84.7
Web Safe	6600cc	`#6600cc`

CIE-LAB	32.473, 68.344, -85.273
XYZ	16.21, 7.297, 65.516
xyY	0.182, 0.082, 7.297
CIE-LCH	32.473, 109.281, 308.711
CIE-LUV	32.473, 1.433, -111.668
Hunter-Lab	27.012, 59.845, -124.895
Binary	01010011, 00010100, 11011000

#5314d8
```
#5314d8 rgb(83,20,216)
```
#99d814
```
#99d814 rgb(153,216,20)
```

Complementary Color

#1437d8
```
#1437d8 rgb(20,55,216)
```
#5314d8
```
#5314d8 rgb(83,20,216)
```
#b514d8
```
#b514d8 rgb(181,20,216)
```

Analogous Color

#37d814
```
#37d814 rgb(55,216,20)
```
#5314d8
```
#5314d8 rgb(83,20,216)
```
#d8b514
```
#d8b514 rgb(216,181,20)
```

Split Complementary Color

#14d853
```
#14d853 rgb(20,216,83)
```
#5314d8
```
#5314d8 rgb(83,20,216)
```
#d85314
```
#d85314 rgb(216,83,20)
```

Triadic Color

#1499d8
```
#1499d8 rgb(20,153,216)
```
#5314d8
```
#5314d8 rgb(83,20,216)
```
#d85314
```
#d85314 rgb(216,83,20)
```
#99d814
```
#99d814 rgb(153,216,20)
```

Tetradic Color

#380e92
```
#380e92 rgb(56,14,146)
```
#4110a9
```
#4110a9 rgb(65,16,169)
```
#4a12c1
```
#4a12c1 rgb(74,18,193)
```
#5314d8
```
#5314d8 rgb(83,20,216)
```
#5e1cea
```
#5e1cea rgb(94,28,234)
```
#6e33ec
```
#6e33ec rgb(110,51,236)
```
#7f4aee
```
#7f4aee rgb(127,74,238)
```

Monochromatic Color

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

#2214d8
```
#2214d8 rgb(34,20,216)
```
#3214d8
```
#3214d8 rgb(50,20,216)
```
#4314d8
```
#4314d8 rgb(67,20,216)
```
#5314d8
```
#5314d8 rgb(83,20,216)
```
#6314d8
```
#6314d8 rgb(99,20,216)
```
#7414d8
```
#7414d8 rgb(116,20,216)
```
#8414d8
```
#8414d8 rgb(132,20,216)
```

Similar Colors

Text with hexadecimal color #5314d8

This text has a font color of #5314d8.

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

#5314d8 background color

This paragraph has a background color of #5314d8.

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

#5314d8 border color

This element has a border color of #5314d8.

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

CSS codes

.text {color:#5314d8;}

.background {background-color:#5314d8;}

.border {border:1px solid #5314d8;}

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

#000001
```
#000001 rgb(0,0,1)
```
#070213
```
#070213 rgb(7,2,19)
```
#0e0324
```
#0e0324 rgb(14,3,36)
```
#150536
```
#150536 rgb(21,5,54)
```
#1c0748
```
#1c0748 rgb(28,7,72)
```
#23085a
```
#23085a rgb(35,8,90)
```
#2a0a6c
```
#2a0a6c rgb(42,10,108)
```
#310c7e
```
#310c7e rgb(49,12,126)
```
#370d90
```
#370d90 rgb(55,13,144)
```
#3e0fa2
```
#3e0fa2 rgb(62,15,162)
```
#4511b4
```
#4511b4 rgb(69,17,180)
```
#4c12c6
```
#4c12c6 rgb(76,18,198)
```
#5314d8
```
#5314d8 rgb(83,20,216)
```

Shade Color Variation

#5a16e9
```
#5a16e9 rgb(90,22,233)
```
#6728eb
```
#6728eb rgb(103,40,235)
```
#743aed
```
#743aed rgb(116,58,237)
```
#804cee
```
#804cee rgb(128,76,238)
```
#8d5ef0
```
#8d5ef0 rgb(141,94,240)
```
#9a70f2
```
#9a70f2 rgb(154,112,242)
```
#a682f3
```
#a682f3 rgb(166,130,243)
```
#b394f5
```
#b394f5 rgb(179,148,245)
```
#c0a6f7
```
#c0a6f7 rgb(192,166,247)
```
#cdb8f8
```
#cdb8f8 rgb(205,184,248)
```
#d9cafa
```
#d9cafa rgb(217,202,250)
```
#e6dcfc
```
#e6dcfc rgb(230,220,252)
```
#f3eefd
```
#f3eefd rgb(243,238,253)
```

Tint Color Variation

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

#736f7d
```
#736f7d rgb(115,111,125)
```
#706686
```
#706686 rgb(112,102,134)
```
#6d5d8f
```
#6d5d8f rgb(109,93,143)
```
#6a5498
```
#6a5498 rgb(106,84,152)
```
#664aa2
```
#664aa2 rgb(102,74,162)
```
#6341ab
```
#6341ab rgb(99,65,171)
```
#6038b4
```
#6038b4 rgb(96,56,180)
```
#5d2fbd
```
#5d2fbd rgb(93,47,189)
```
#5926c6
```
#5926c6 rgb(89,38,198)
```
#561dcf
```
#561dcf rgb(86,29,207)
```
#5314d8
```
#5314d8 rgb(83,20,216)
```
#500be1
```
#500be1 rgb(80,11,225)
```
#4d02ea
```
#4d02ea rgb(77,2,234)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#41355c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e64 Tritanopia 0.001% of the population

Trichromacy

#1e3cb5 Protanomaly 1% of men, 0.01% of women
#1e3fa7 Deuteranomaly 6% of men, 0.4% of women
#1e438e Tritanomaly 0.01% of the population

#5314d8 hex color

#5314d8 Color Information

#5314d8 Color Conversion

Color Schemes with #5314d8

Alternatives to #5314d8

#5314d8 Preview

Shades and Tints of #5314d8

Tones of #5314d8

Color Blindness Simulator