#5521df hex color

In a RGB color space, hex #5521df is composed of 33.3% red, 12.9% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 85.2% magenta, 0% yellow and 12.5% black. It has a hue angle of 256.4 degrees, a saturation of 74.8% and a lightness of 50.2%. #5521df color hex could be obtained by blending #aa42ff with #0000bf. Closest websafe color is: #6633cc.

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

● #5521df color description : Vivid violet.

The hexadecimal color #5521df has RGB values of R:85, G:33, B:223 and CMYK values of C:0.62, M:0.85, Y:0, K:0.13. Its decimal value is 5579231.

Hex triplet	5521df	`#5521df`
RGB Decimal	85, 33, 223	`rgb(85,33,223)`
RGB Percent	33.3, 12.9, 87.5	`rgb(33.3%,12.9%,87.5%)`
CMYK	62, 85, 0, 13
HSL	256.4°, 74.8, 50.2	`hsl(256.4,74.8%,50.2%)`
HSV (or HSB)	256.4°, 85.2, 87.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.694, 66.52, -85.614
XYZ	17.607, 8.346, 70.491
xyY	0.183, 0.087, 8.346
CIE-LCH	34.694, 108.419, 307.846
CIE-LUV	34.694, 0.431, -115.6
Hunter-Lab	28.89, 58.231, -124.446
Binary	01010101, 00100001, 11011111

#5521df
```
#5521df rgb(85,33,223)
```
#abdf21
```
#abdf21 rgb(171,223,33)
```

Complementary Color

#214cdf
```
#214cdf rgb(33,76,223)
```
#5521df
```
#5521df rgb(85,33,223)
```
#b421df
```
#b421df rgb(180,33,223)
```

Analogous Color

#4cdf21
```
#4cdf21 rgb(76,223,33)
```
#5521df
```
#5521df rgb(85,33,223)
```
#dfb421
```
#dfb421 rgb(223,180,33)
```

Split Complementary Color

#21df55
```
#21df55 rgb(33,223,85)
```
#5521df
```
#5521df rgb(85,33,223)
```
#df5521
```
#df5521 rgb(223,85,33)
```

Triadic Color

#21abdf
```
#21abdf rgb(33,171,223)
```
#5521df
```
#5521df rgb(85,33,223)
```
#df5521
```
#df5521 rgb(223,85,33)
```
#abdf21
```
#abdf21 rgb(171,223,33)
```

Tetradic Color

#3b179d
```
#3b179d rgb(59,23,157)
```
#441ab3
```
#441ab3 rgb(68,26,179)
```
#4c1dc9
```
#4c1dc9 rgb(76,29,201)
```
#5521df
```
#5521df rgb(85,33,223)
```
#6637e2
```
#6637e2 rgb(102,55,226)
```
#774ee5
```
#774ee5 rgb(119,78,229)
```
#8864e9
```
#8864e9 rgb(136,100,233)
```

Monochromatic Color

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

#2621df
```
#2621df rgb(38,33,223)
```
#3521df
```
#3521df rgb(53,33,223)
```
#4521df
```
#4521df rgb(69,33,223)
```
#5521df
```
#5521df rgb(85,33,223)
```
#6521df
```
#6521df rgb(101,33,223)
```
#7521df
```
#7521df rgb(117,33,223)
```
#8521df
```
#8521df rgb(133,33,223)
```

Similar Colors

Text with hexadecimal color #5521df

This text has a font color of #5521df.

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

#5521df background color

This paragraph has a background color of #5521df.

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

#5521df border color

This element has a border color of #5521df.

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

CSS codes

.text {color:#5521df;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#070312
```
#070312 rgb(7,3,18)
```
#0d0523
```
#0d0523 rgb(13,5,35)
```
#140834
```
#140834 rgb(20,8,52)
```
#1a0a45
```
#1a0a45 rgb(26,10,69)
```
#210c57
```
#210c57 rgb(33,12,87)
```
#270f68
```
#270f68 rgb(39,15,104)
```
#2e1179
```
#2e1179 rgb(46,17,121)
```
#34148a
```
#34148a rgb(52,20,138)
```
#3b169b
```
#3b169b rgb(59,22,155)
```
#4119ac
```
#4119ac rgb(65,25,172)
```
#481bbd
```
#481bbd rgb(72,27,189)
```
#4e1ecf
```
#4e1ecf rgb(78,30,207)
```

Shade Color Variation

#5521df
```
#5521df rgb(85,33,223)
```
#6232e1
```
#6232e1 rgb(98,50,225)
```
#6f43e4
```
#6f43e4 rgb(111,67,228)
```
#7c54e6
```
#7c54e6 rgb(124,84,230)
```
#8a66e9
```
#8a66e9 rgb(138,102,233)
```
#9777eb
```
#9777eb rgb(151,119,235)
```
#a488ee
```
#a488ee rgb(164,136,238)
```
#b199f0
```
#b199f0 rgb(177,153,240)
```
#beaaf3
```
#beaaf3 rgb(190,170,243)
```
#cbbbf5
```
#cbbbf5 rgb(203,187,245)
```
#d8ccf8
```
#d8ccf8 rgb(216,204,248)
```
#e5defa
```
#e5defa rgb(229,222,250)
```
#f3effd
```
#f3effd rgb(243,239,253)
```

Tint Color Variation

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

#7d7987
```
#7d7987 rgb(125,121,135)
```
#786f91
```
#786f91 rgb(120,111,145)
```
#74659b
```
#74659b rgb(116,101,155)
```
#705ca4
```
#705ca4 rgb(112,92,164)
```
#6b52ae
```
#6b52ae rgb(107,82,174)
```
#6748b8
```
#6748b8 rgb(103,72,184)
```
#623ec2
```
#623ec2 rgb(98,62,194)
```
#5e35cb
```
#5e35cb rgb(94,53,203)
```
#592bd5
```
#592bd5 rgb(89,43,213)
```
#5521df
```
#5521df rgb(85,33,223)
```
#5117e9
```
#5117e9 rgb(81,23,233)
```
#4c0df3
```
#4c0df3 rgb(76,13,243)
```
#4804fc
```
#4804fc rgb(72,4,252)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#493f65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058aa Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#006369 Tritanopia 0.001% of the population

Trichromacy

#1e44bd Protanomaly 1% of men, 0.01% of women
#1e47af Deuteranomaly 6% of men, 0.4% of women
#1e4b94 Tritanomaly 0.01% of the population

#5521df hex color

#5521df Color Information

#5521df Color Conversion

Color Schemes with #5521df

Alternatives to #5521df

#5521df Preview

Shades and Tints of #5521df

Tones of #5521df

Color Blindness Simulator