#5218df hex color

In a RGB color space, hex #5218df is composed of 32.2% red, 9.4% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 89.2% magenta, 0% yellow and 12.5% black. It has a hue angle of 257.5 degrees, a saturation of 80.6% and a lightness of 48.4%. #5218df color hex could be obtained by blending #a430ff with #0000bf. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 32
- G 9
- B 87
RGB color chart
- C 63
- M 89
- Y 0
- K 13
CMYK color chart

● #5218df color description : Vivid violet.

The hexadecimal color #5218df has RGB values of R:82, G:24, B:223 and CMYK values of C:0.63, M:0.89, Y:0, K:0.13. Its decimal value is 5380319.

Hex triplet	5218df	`#5218df`
RGB Decimal	82, 24, 223	`rgb(82,24,223)`
RGB Percent	32.2, 9.4, 87.5	`rgb(32.2%,9.4%,87.5%)`
CMYK	63, 89, 0, 13
HSL	257.5°, 80.6, 48.4	`hsl(257.5,80.6%,48.4%)`
HSV (or HSB)	257.5°, 89.2, 87.5
Web Safe	6600cc	`#6600cc`

CIE-LAB	33.508, 68.994, -87.588
XYZ	17.123, 7.774, 70.406
xyY	0.18, 0.082, 7.774
CIE-LCH	33.508, 111.499, 308.228
CIE-LUV	33.508, 0.312, -115.655
Hunter-Lab	27.882, 60.827, -130.197
Binary	01010010, 00011000, 11011111

#5218df
```
#5218df rgb(82,24,223)
```
#a5df18
```
#a5df18 rgb(165,223,24)
```

Complementary Color

#1842df
```
#1842df rgb(24,66,223)
```
#5218df
```
#5218df rgb(82,24,223)
```
#b618df
```
#b618df rgb(182,24,223)
```

Analogous Color

#42df18
```
#42df18 rgb(66,223,24)
```
#5218df
```
#5218df rgb(82,24,223)
```
#dfb618
```
#dfb618 rgb(223,182,24)
```

Split Complementary Color

#18df52
```
#18df52 rgb(24,223,82)
```
#5218df
```
#5218df rgb(82,24,223)
```
#df5218
```
#df5218 rgb(223,82,24)
```

Triadic Color

#18a5df
```
#18a5df rgb(24,165,223)
```
#5218df
```
#5218df rgb(82,24,223)
```
#df5218
```
#df5218 rgb(223,82,24)
```
#a5df18
```
#a5df18 rgb(165,223,24)
```

Tetradic Color

#39119a
```
#39119a rgb(57,17,154)
```
#4113b1
```
#4113b1 rgb(65,19,177)
```
#4a16c8
```
#4a16c8 rgb(74,22,200)
```
#5218df
```
#5218df rgb(82,24,223)
```
#6029e8
```
#6029e8 rgb(96,41,232)
```
#7140ea
```
#7140ea rgb(113,64,234)
```
#8257ed
```
#8257ed rgb(130,87,237)
```

Monochromatic Color

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

#2018df
```
#2018df rgb(32,24,223)
```
#3118df
```
#3118df rgb(49,24,223)
```
#4118df
```
#4118df rgb(65,24,223)
```
#5218df
```
#5218df rgb(82,24,223)
```
#6318df
```
#6318df rgb(99,24,223)
```
#7318df
```
#7318df rgb(115,24,223)
```
#8418df
```
#8418df rgb(132,24,223)
```

Similar Colors

Text with hexadecimal color #5218df

This text has a font color of #5218df.

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

#5218df background color

This paragraph has a background color of #5218df.

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

#5218df border color

This element has a border color of #5218df.

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

CSS codes

.text {color:#5218df;}

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

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

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

#04010a
```
#04010a rgb(4,1,10)
```
#0a031c
```
#0a031c rgb(10,3,28)
```
#11052e
```
#11052e rgb(17,5,46)
```
#170740
```
#170740 rgb(23,7,64)
```
#1e0951
```
#1e0951 rgb(30,9,81)
```
#240b63
```
#240b63 rgb(36,11,99)
```
#2b0d75
```
#2b0d75 rgb(43,13,117)
```
#310e86
```
#310e86 rgb(49,14,134)
```
#381098
```
#381098 rgb(56,16,152)
```
#3e12aa
```
#3e12aa rgb(62,18,170)
```
#4514bc
```
#4514bc rgb(69,20,188)
```
#4b16cd
```
#4b16cd rgb(75,22,205)
```
#5218df
```
#5218df rgb(82,24,223)
```

Shade Color Variation

#5c23e7
```
#5c23e7 rgb(92,35,231)
```
#6a35e9
```
#6a35e9 rgb(106,53,233)
```
#7747eb
```
#7747eb rgb(119,71,235)
```
#8458ed
```
#8458ed rgb(132,88,237)
```
#916aef
```
#916aef rgb(145,106,239)
```
#9e7cf1
```
#9e7cf1 rgb(158,124,241)
```
#ab8ef3
```
#ab8ef3 rgb(171,142,243)
```
#b89ff5
```
#b89ff5 rgb(184,159,245)
```
#c5b1f7
```
#c5b1f7 rgb(197,177,247)
```
#d2c3f9
```
#d2c3f9 rgb(210,195,249)
```
#dfd4fa
```
#dfd4fa rgb(223,212,250)
```
#ede6fc
```
#ede6fc rgb(237,230,252)
```
#faf8fe
```
#faf8fe rgb(250,248,254)
```

Tint Color Variation

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

#7a7780
```
#7a7780 rgb(122,119,128)
```
#766e8a
```
#766e8a rgb(118,110,138)
```
#726493
```
#726493 rgb(114,100,147)
```
#6e5b9d
```
#6e5b9d rgb(110,91,157)
```
#6a51a6
```
#6a51a6 rgb(106,81,166)
```
#6648b0
```
#6648b0 rgb(102,72,176)
```
#623eb9
```
#623eb9 rgb(98,62,185)
```
#5e35c3
```
#5e35c3 rgb(94,53,195)
```
#5a2bcc
```
#5a2bcc rgb(90,43,204)
```
#5622d6
```
#5622d6 rgb(86,34,214)
```
#5218df
```
#5218df rgb(82,24,223)
```
#4e0fe9
```
#4e0fe9 rgb(78,15,233)
```
#4a05f2
```
#4a05f2 rgb(74,5,242)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#443860 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

#1d3fba Protanomaly 1% of men, 0.01% of women
#1d42ac Deuteranomaly 6% of men, 0.4% of women
#1d4692 Tritanomaly 0.01% of the population

#5218df hex color

#5218df Color Information

#5218df Color Conversion

Color Schemes with #5218df

Alternatives to #5218df

#5218df Preview

Shades and Tints of #5218df

Tones of #5218df

Color Blindness Simulator