#5314e0 hex color

In a RGB color space, hex #5314e0 is composed of 32.5% red, 7.8% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 91.1% magenta, 0% yellow and 12.2% black. It has a hue angle of 258.5 degrees, a saturation of 83.6% and a lightness of 47.8%. #5314e0 color hex could be obtained by blending #a628ff with #0000c1. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 33
- G 8
- B 88
RGB color chart
- C 63
- M 91
- Y 0
- K 12
CMYK color chart

● #5314e0 color description : Vivid violet.

The hexadecimal color #5314e0 has RGB values of R:83, G:20, B:224 and CMYK values of C:0.63, M:0.91, Y:0, K:0.12. Its decimal value is 5444832.

Hex triplet	5314e0	`#5314e0`
RGB Decimal	83, 20, 224	`rgb(83,20,224)`
RGB Percent	32.5, 7.8, 87.8	`rgb(32.5%,7.8%,87.8%)`
CMYK	63, 91, 0, 12
HSL	258.5°, 83.6, 47.8	`hsl(258.5,83.6%,47.8%)`
HSV (or HSB)	258.5°, 91.1, 87.8
Web Safe	6600cc	`#6600cc`

CIE-LAB	33.394, 70.289, -88.349
XYZ	17.269, 7.721, 71.097
xyY	0.18, 0.08, 7.721
CIE-LCH	33.394, 112.899, 308.505
CIE-LUV	33.394, 0.692, -116.226
Hunter-Lab	27.786, 62.317, -132.259
Binary	01010011, 00010100, 11100000

#5314e0
```
#5314e0 rgb(83,20,224)
```
#a1e014
```
#a1e014 rgb(161,224,20)
```

Complementary Color

#143be0
```
#143be0 rgb(20,59,224)
```
#5314e0
```
#5314e0 rgb(83,20,224)
```
#b914e0
```
#b914e0 rgb(185,20,224)
```

Analogous Color

#3be014
```
#3be014 rgb(59,224,20)
```
#5314e0
```
#5314e0 rgb(83,20,224)
```
#e0b914
```
#e0b914 rgb(224,185,20)
```

Split Complementary Color

#14e053
```
#14e053 rgb(20,224,83)
```
#5314e0
```
#5314e0 rgb(83,20,224)
```
#e05314
```
#e05314 rgb(224,83,20)
```

Triadic Color

#14a1e0
```
#14a1e0 rgb(20,161,224)
```
#5314e0
```
#5314e0 rgb(83,20,224)
```
#e05314
```
#e05314 rgb(224,83,20)
```
#a1e014
```
#a1e014 rgb(161,224,20)
```

Tetradic Color

#390e9a
```
#390e9a rgb(57,14,154)
```
#4210b1
```
#4210b1 rgb(66,16,177)
```
#4a12c9
```
#4a12c9 rgb(74,18,201)
```
#5314e0
```
#5314e0 rgb(83,20,224)
```
#6022eb
```
#6022eb rgb(96,34,235)
```
#713aed
```
#713aed rgb(113,58,237)
```
#8251ef
```
#8251ef rgb(130,81,239)
```

Monochromatic Color

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

#2014e0
```
#2014e0 rgb(32,20,224)
```
#3114e0
```
#3114e0 rgb(49,20,224)
```
#4214e0
```
#4214e0 rgb(66,20,224)
```
#5314e0
```
#5314e0 rgb(83,20,224)
```
#6414e0
```
#6414e0 rgb(100,20,224)
```
#7514e0
```
#7514e0 rgb(117,20,224)
```
#8614e0
```
#8614e0 rgb(134,20,224)
```

Similar Colors

Text with hexadecimal color #5314e0

This text has a font color of #5314e0.

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

#5314e0 background color

This paragraph has a background color of #5314e0.

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

#5314e0 border color

This element has a border color of #5314e0.

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

CSS codes

.text {color:#5314e0;}

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

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

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

#030108
```
#030108 rgb(3,1,8)
```
#0a021a
```
#0a021a rgb(10,2,26)
```
#10042c
```
#10042c rgb(16,4,44)
```
#17063e
```
#17063e rgb(23,6,62)
```
#1e0750
```
#1e0750 rgb(30,7,80)
```
#240962
```
#240962 rgb(36,9,98)
```
#2b0a74
```
#2b0a74 rgb(43,10,116)
```
#320c86
```
#320c86 rgb(50,12,134)
```
#380e98
```
#380e98 rgb(56,14,152)
```
#3f0faa
```
#3f0faa rgb(63,15,170)
```
#4611bc
```
#4611bc rgb(70,17,188)
```
#4c12ce
```
#4c12ce rgb(76,18,206)
```
#5314e0
```
#5314e0 rgb(83,20,224)
```

Shade Color Variation

#5c1deb
```
#5c1deb rgb(92,29,235)
```
#692fec
```
#692fec rgb(105,47,236)
```
#7641ee
```
#7641ee rgb(118,65,238)
```
#8353f0
```
#8353f0 rgb(131,83,240)
```
#9065f1
```
#9065f1 rgb(144,101,241)
```
#9d77f3
```
#9d77f3 rgb(157,119,243)
```
#aa89f4
```
#aa89f4 rgb(170,137,244)
```
#b79bf6
```
#b79bf6 rgb(183,155,246)
```
#c4adf8
```
#c4adf8 rgb(196,173,248)
```
#d1bff9
```
#d1bff9 rgb(209,191,249)
```
#ded1fb
```
#ded1fb rgb(222,209,251)
```
#ebe3fc
```
#ebe3fc rgb(235,227,252)
```
#f8f5fe
```
#f8f5fe rgb(248,245,254)
```

Tint Color Variation

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

#777282
```
#777282 rgb(119,114,130)
```
#73688c
```
#73688c rgb(115,104,140)
```
#705f95
```
#705f95 rgb(112,95,149)
```
#6c569e
```
#6c569e rgb(108,86,158)
```
#694ca8
```
#694ca8 rgb(105,76,168)
```
#6543b1
```
#6543b1 rgb(101,67,177)
```
#613aba
```
#613aba rgb(97,58,186)
```
#5e30c4
```
#5e30c4 rgb(94,48,196)
```
#5a27cd
```
#5a27cd rgb(90,39,205)
```
#571dd7
```
#571dd7 rgb(87,29,215)
```
#5314e0
```
#5314e0 rgb(83,20,224)
```
#4f0be9
```
#4f0be9 rgb(79,11,233)
```
#4c01f3
```
#4c01f3 rgb(76,1,243)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#42365e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8f Deuteranopia 1% of men
#006066 Tritanopia 0.001% of the population

Trichromacy

#1e3dba Protanomaly 1% of men, 0.01% of women
#1e40ac Deuteranomaly 6% of men, 0.4% of women
#1e4492 Tritanomaly 0.01% of the population

#5314e0 hex color

#5314e0 Color Information

#5314e0 Color Conversion

Color Schemes with #5314e0

Alternatives to #5314e0

#5314e0 Preview

Shades and Tints of #5314e0

Tones of #5314e0

Color Blindness Simulator