#5218d5 hex color

In a RGB color space, hex #5218d5 is composed of 32.2% red, 9.4% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 88.7% magenta, 0% yellow and 16.5% black. It has a hue angle of 258.4 degrees, a saturation of 79.7% and a lightness of 46.5%. #5218d5 color hex could be obtained by blending #a430ff with #0000ab. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 32
- G 9
- B 84
RGB color chart
- C 62
- M 89
- Y 0
- K 16
CMYK color chart

● #5218d5 color description : Strong violet.

The hexadecimal color #5218d5 has RGB values of R:82, G:24, B:213 and CMYK values of C:0.62, M:0.89, Y:0, K:0.16. Its decimal value is 5380309.

Hex triplet	5218d5	`#5218d5`
RGB Decimal	82, 24, 213	`rgb(82,24,213)`
RGB Percent	32.2, 9.4, 83.5	`rgb(32.2%,9.4%,83.5%)`
CMYK	62, 89, 0, 16
HSL	258.4°, 79.7, 46.5	`hsl(258.4,79.7%,46.5%)`
HSV (or HSB)	258.4°, 88.7, 83.5
Web Safe	6600cc	`#6600cc`

CIE-LAB	32.371, 66.51, -83.71
XYZ	15.814, 7.251, 63.513
xyY	0.183, 0.084, 7.251
CIE-LCH	32.371, 106.916, 308.468
CIE-LUV	32.371, 1.222, -109.939
Hunter-Lab	26.927, 57.711, -120.999
Binary	01010010, 00011000, 11010101

#5218d5
```
#5218d5 rgb(82,24,213)
```
#9bd518
```
#9bd518 rgb(155,213,24)
```

Complementary Color

#183cd5
```
#183cd5 rgb(24,60,213)
```
#5218d5
```
#5218d5 rgb(82,24,213)
```
#b118d5
```
#b118d5 rgb(177,24,213)
```

Analogous Color

#3cd518
```
#3cd518 rgb(60,213,24)
```
#5218d5
```
#5218d5 rgb(82,24,213)
```
#d5b118
```
#d5b118 rgb(213,177,24)
```

Split Complementary Color

#18d552
```
#18d552 rgb(24,213,82)
```
#5218d5
```
#5218d5 rgb(82,24,213)
```
#d55218
```
#d55218 rgb(213,82,24)
```

Triadic Color

#189bd5
```
#189bd5 rgb(24,155,213)
```
#5218d5
```
#5218d5 rgb(82,24,213)
```
#d55218
```
#d55218 rgb(213,82,24)
```
#9bd518
```
#9bd518 rgb(155,213,24)
```

Tetradic Color

#381090
```
#381090 rgb(56,16,144)
```
#4013a7
```
#4013a7 rgb(64,19,167)
```
#4915be
```
#4915be rgb(73,21,190)
```
#5218d5
```
#5218d5 rgb(82,24,213)
```
#5d21e6
```
#5d21e6 rgb(93,33,230)
```
#6e37e9
```
#6e37e9 rgb(110,55,233)
```
#7e4eeb
```
#7e4eeb rgb(126,78,235)
```

Monochromatic Color

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

#2318d5
```
#2318d5 rgb(35,24,213)
```
#3318d5
```
#3318d5 rgb(51,24,213)
```
#4218d5
```
#4218d5 rgb(66,24,213)
```
#5218d5
```
#5218d5 rgb(82,24,213)
```
#6218d5
```
#6218d5 rgb(98,24,213)
```
#7218d5
```
#7218d5 rgb(114,24,213)
```
#8118d5
```
#8118d5 rgb(129,24,213)
```

Similar Colors

Text with hexadecimal color #5218d5

This text has a font color of #5218d5.

<span style="color:#5218d5;">Text here</span>

#5218d5 background color

This paragraph has a background color of #5218d5.

<p style="background-color:#5218d5;">Content here</p>

#5218d5 border color

This element has a border color of #5218d5.

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

CSS codes

.text {color:#5218d5;}

.background {background-color:#5218d5;}

.border {border:1px solid #5218d5;}

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

#010001
```
#010001 rgb(1,0,1)
```
#070213
```
#070213 rgb(7,2,19)
```
#0e0425
```
#0e0425 rgb(14,4,37)
```
#150636
```
#150636 rgb(21,6,54)
```
#1c0848
```
#1c0848 rgb(28,8,72)
```
#220a5a
```
#220a5a rgb(34,10,90)
```
#290c6b
```
#290c6b rgb(41,12,107)
```
#300e7d
```
#300e7d rgb(48,14,125)
```
#37108e
```
#37108e rgb(55,16,142)
```
#3e12a0
```
#3e12a0 rgb(62,18,160)
```
#4414b2
```
#4414b2 rgb(68,20,178)
```
#4b16c3
```
#4b16c3 rgb(75,22,195)
```
#5218d5
```
#5218d5 rgb(82,24,213)
```

Shade Color Variation

#591be5
```
#591be5 rgb(89,27,229)
```
#662de7
```
#662de7 rgb(102,45,231)
```
#733fe9
```
#733fe9 rgb(115,63,233)
```
#8050eb
```
#8050eb rgb(128,80,235)
```
#8d62ed
```
#8d62ed rgb(141,98,237)
```
#9973ef
```
#9973ef rgb(153,115,239)
```
#a685f1
```
#a685f1 rgb(166,133,241)
```
#b397f3
```
#b397f3 rgb(179,151,243)
```
#c0a8f5
```
#c0a8f5 rgb(192,168,245)
```
#cdbaf7
```
#cdbaf7 rgb(205,186,247)
```
#daccf9
```
#daccf9 rgb(218,204,249)
```
#e6ddfb
```
#e6ddfb rgb(230,221,251)
```
#f3effd
```
#f3effd rgb(243,239,253)
```

Tint Color Variation

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

#75737a
```
#75737a rgb(117,115,122)
```
#726a83
```
#726a83 rgb(114,106,131)
```
#6e618c
```
#6e618c rgb(110,97,140)
```
#6b5895
```
#6b5895 rgb(107,88,149)
```
#674f9e
```
#674f9e rgb(103,79,158)
```
#6446a7
```
#6446a7 rgb(100,70,167)
```
#603cb1
```
#603cb1 rgb(96,60,177)
```
#5d33ba
```
#5d33ba rgb(93,51,186)
```
#592ac3
```
#592ac3 rgb(89,42,195)
```
#5621cc
```
#5621cc rgb(86,33,204)
```
#5218d5
```
#5218d5 rgb(82,24,213)
```
#4e0fde
```
#4e0fde rgb(78,15,222)
```
#4b06e7
```
#4b06e7 rgb(75,6,231)
```

Tone Color Variation

Below, you can see how #5218d5 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

#3f3f3f Achromatopsia 0.005% of the population
#43375d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00578b Deuteranopia 1% of men
#005d63 Tritanopia 0.001% of the population

Trichromacy

#1d3db3 Protanomaly 1% of men, 0.01% of women
#1d40a6 Deuteranomaly 6% of men, 0.4% of women
#1d448d Tritanomaly 0.01% of the population

#5218d5 hex color

#5218d5 Color Information

#5218d5 Color Conversion

Color Schemes with #5218d5

Alternatives to #5218d5

#5218d5 Preview

Shades and Tints of #5218d5

Tones of #5218d5

Color Blindness Simulator