#5521d4 hex color

In a RGB color space, hex #5521d4 is composed of 33.3% red, 12.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 84.4% magenta, 0% yellow and 16.9% black. It has a hue angle of 257.4 degrees, a saturation of 73.1% and a lightness of 48%. #5521d4 color hex could be obtained by blending #aa42ff with #0000a9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 13
- B 83
RGB color chart
- C 60
- M 84
- Y 0
- K 17
CMYK color chart

● #5521d4 color description : Strong violet.

The hexadecimal color #5521d4 has RGB values of R:85, G:33, B:212 and CMYK values of C:0.6, M:0.84, Y:0, K:0.17. Its decimal value is 5579220.

Hex triplet	5521d4	`#5521d4`
RGB Decimal	85, 33, 212	`rgb(85,33,212)`
RGB Percent	33.3, 12.9, 83.1	`rgb(33.3%,12.9%,83.1%)`
CMYK	60, 84, 0, 17
HSL	257.4°, 73.1, 48	`hsl(257.4,73.1%,48%)`
HSV (or HSB)	257.4°, 84.4, 83.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.503, 63.684, -81.246
XYZ	16.172, 7.772, 62.932
xyY	0.186, 0.089, 7.772
CIE-LCH	33.503, 103.231, 308.091
CIE-LUV	33.503, 1.452, -109.235
Hunter-Lab	27.878, 54.758, -114.325
Binary	01010101, 00100001, 11010100

#5521d4
```
#5521d4 rgb(85,33,212)
```
#a0d421
```
#a0d421 rgb(160,212,33)
```

Complementary Color

#2147d4
```
#2147d4 rgb(33,71,212)
```
#5521d4
```
#5521d4 rgb(85,33,212)
```
#af21d4
```
#af21d4 rgb(175,33,212)
```

Analogous Color

#46d421
```
#46d421 rgb(70,212,33)
```
#5521d4
```
#5521d4 rgb(85,33,212)
```
#d4af21
```
#d4af21 rgb(212,175,33)
```

Split Complementary Color

#21d455
```
#21d455 rgb(33,212,85)
```
#5521d4
```
#5521d4 rgb(85,33,212)
```
#d45521
```
#d45521 rgb(212,85,33)
```

Triadic Color

#21a0d4
```
#21a0d4 rgb(33,160,212)
```
#5521d4
```
#5521d4 rgb(85,33,212)
```
#d45521
```
#d45521 rgb(212,85,33)
```
#a0d421
```
#a0d421 rgb(160,212,33)
```

Tetradic Color

#3a1792
```
#3a1792 rgb(58,23,146)
```
#431aa8
```
#431aa8 rgb(67,26,168)
```
#4c1ebe
```
#4c1ebe rgb(76,30,190)
```
#5521d4
```
#5521d4 rgb(85,33,212)
```
#6330df
```
#6330df rgb(99,48,223)
```
#7346e2
```
#7346e2 rgb(115,70,226)
```
#845ce6
```
#845ce6 rgb(132,92,230)
```

Monochromatic Color

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

#2821d4
```
#2821d4 rgb(40,33,212)
```
#3721d4
```
#3721d4 rgb(55,33,212)
```
#4621d4
```
#4621d4 rgb(70,33,212)
```
#5521d4
```
#5521d4 rgb(85,33,212)
```
#6421d4
```
#6421d4 rgb(100,33,212)
```
#7321d4
```
#7321d4 rgb(115,33,212)
```
#8221d4
```
#8221d4 rgb(130,33,212)
```

Similar Colors

Text with hexadecimal color #5521d4

This text has a font color of #5521d4.

<span style="color:#5521d4;">Text here</span>

#5521d4 background color

This paragraph has a background color of #5521d4.

<p style="background-color:#5521d4;">Content here</p>

#5521d4 border color

This element has a border color of #5521d4.

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

CSS codes

.text {color:#5521d4;}

.background {background-color:#5521d4;}

.border {border:1px solid #5521d4;}

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 #f8f6fe is the lightest one.

#030108
```
#030108 rgb(3,1,8)
```
#0a0419
```
#0a0419 rgb(10,4,25)
```
#11072a
```
#11072a rgb(17,7,42)
```
#18093b
```
#18093b rgb(24,9,59)
```
#1f0c4c
```
#1f0c4c rgb(31,12,76)
```
#250f5d
```
#250f5d rgb(37,15,93)
```
#2c116e
```
#2c116e rgb(44,17,110)
```
#33147f
```
#33147f rgb(51,20,127)
```
#3a1690
```
#3a1690 rgb(58,22,144)
```
#4119a1
```
#4119a1 rgb(65,25,161)
```
#471cb2
```
#471cb2 rgb(71,28,178)
```
#4e1ec3
```
#4e1ec3 rgb(78,30,195)
```
#5521d4
```
#5521d4 rgb(85,33,212)
```

Shade Color Variation

#5f2bde
```
#5f2bde rgb(95,43,222)
```
#6c3ce1
```
#6c3ce1 rgb(108,60,225)
```
#784de3
```
#784de3 rgb(120,77,227)
```
#855ee6
```
#855ee6 rgb(133,94,230)
```
#926fe9
```
#926fe9 rgb(146,111,233)
```
#9f80eb
```
#9f80eb rgb(159,128,235)
```
#ac91ee
```
#ac91ee rgb(172,145,238)
```
#b8a1f0
```
#b8a1f0 rgb(184,161,240)
```
#c5b2f3
```
#c5b2f3 rgb(197,178,243)
```
#d2c3f6
```
#d2c3f6 rgb(210,195,246)
```
#dfd4f8
```
#dfd4f8 rgb(223,212,248)
```
#ece5fb
```
#ece5fb rgb(236,229,251)
```
#f8f6fe
```
#f8f6fe rgb(248,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79767f is the less saturated color, while #4905f0 is the most saturated one.

#79767f
```
#79767f rgb(121,118,127)
```
#756c89
```
#756c89 rgb(117,108,137)
```
#716392
```
#716392 rgb(113,99,146)
```
#6d5a9b
```
#6d5a9b rgb(109,90,155)
```
#6950a5
```
#6950a5 rgb(105,80,165)
```
#6547ae
```
#6547ae rgb(101,71,174)
```
#613db8
```
#613db8 rgb(97,61,184)
```
#5d34c1
```
#5d34c1 rgb(93,52,193)
```
#592acb
```
#592acb rgb(89,42,203)
```
#5521d4
```
#5521d4 rgb(85,33,212)
```
#5118dd
```
#5118dd rgb(81,24,221)
```
#4d0ee7
```
#4d0ee7 rgb(77,14,231)
```
#4905f0
```
#4905f0 rgb(73,5,240)
```

Tone Color Variation

Below, you can see how #5521d4 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

#454545 Achromatopsia 0.005% of the population
#483e62 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1e42b6 Protanomaly 1% of men, 0.01% of women
#1e45a8 Deuteranomaly 6% of men, 0.4% of women
#1e498e Tritanomaly 0.01% of the population

#5521d4 hex color

#5521d4 Color Information

#5521d4 Color Conversion

Color Schemes with #5521d4

Alternatives to #5521d4

#5521d4 Preview

Shades and Tints of #5521d4

Tones of #5521d4

Color Blindness Simulator