#5522dc hex color

In a RGB color space, hex #5522dc is composed of 33.3% red, 13.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 84.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 256.5 degrees, a saturation of 73.2% and a lightness of 49.8%. #5522dc color hex could be obtained by blending #aa44ff with #0000b9. Closest websafe color is: #6633cc.

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

● #5522dc color description : Bright violet.

The hexadecimal color #5522dc has RGB values of R:85, G:34, B:220 and CMYK values of C:0.61, M:0.85, Y:0, K:0.14. Its decimal value is 5579484.

Hex triplet	5522dc	`#5522dc`
RGB Decimal	85, 34, 220	`rgb(85,34,220)`
RGB Percent	33.3, 13.3, 86.3	`rgb(33.3%,13.3%,86.3%)`
CMYK	61, 85, 0, 14
HSL	256.5°, 73.2, 49.8	`hsl(256.5,73.2%,49.8%)`
HSV (or HSB)	256.5°, 84.5, 86.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.482, 65.406, -84.241
XYZ	17.234, 8.242, 68.389
xyY	0.184, 0.088, 8.242
CIE-LCH	34.482, 106.652, 307.826
CIE-LUV	34.482, 0.619, -113.845
Hunter-Lab	28.709, 56.914, -121.141
Binary	01010101, 00100010, 11011100

#5522dc
```
#5522dc rgb(85,34,220)
```
#a9dc22
```
#a9dc22 rgb(169,220,34)
```

Complementary Color

#224cdc
```
#224cdc rgb(34,76,220)
```
#5522dc
```
#5522dc rgb(85,34,220)
```
#b222dc
```
#b222dc rgb(178,34,220)
```

Analogous Color

#4cdc22
```
#4cdc22 rgb(76,220,34)
```
#5522dc
```
#5522dc rgb(85,34,220)
```
#dcb222
```
#dcb222 rgb(220,178,34)
```

Split Complementary Color

#22dc55
```
#22dc55 rgb(34,220,85)
```
#5522dc
```
#5522dc rgb(85,34,220)
```
#dc5522
```
#dc5522 rgb(220,85,34)
```

Triadic Color

#22a9dc
```
#22a9dc rgb(34,169,220)
```
#5522dc
```
#5522dc rgb(85,34,220)
```
#dc5522
```
#dc5522 rgb(220,85,34)
```
#a9dc22
```
#a9dc22 rgb(169,220,34)
```

Tetradic Color

#3b189a
```
#3b189a rgb(59,24,154)
```
#441bb0
```
#441bb0 rgb(68,27,176)
```
#4c1fc6
```
#4c1fc6 rgb(76,31,198)
```
#5522dc
```
#5522dc rgb(85,34,220)
```
#6637e0
```
#6637e0 rgb(102,55,224)
```
#774de4
```
#774de4 rgb(119,77,228)
```
#8864e7
```
#8864e7 rgb(136,100,231)
```

Monochromatic Color

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

#2622dc
```
#2622dc rgb(38,34,220)
```
#3622dc
```
#3622dc rgb(54,34,220)
```
#4522dc
```
#4522dc rgb(69,34,220)
```
#5522dc
```
#5522dc rgb(85,34,220)
```
#6522dc
```
#6522dc rgb(101,34,220)
```
#7422dc
```
#7422dc rgb(116,34,220)
```
#8422dc
```
#8422dc rgb(132,34,220)
```

Similar Colors

Text with hexadecimal color #5522dc

This text has a font color of #5522dc.

<span style="color:#5522dc;">Text here</span>

#5522dc background color

This paragraph has a background color of #5522dc.

<p style="background-color:#5522dc;">Content here</p>

#5522dc border color

This element has a border color of #5522dc.

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

CSS codes

.text {color:#5522dc;}

.background {background-color:#5522dc;}

.border {border:1px solid #5522dc;}

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

#060210
```
#060210 rgb(6,2,16)
```
#0d0521
```
#0d0521 rgb(13,5,33)
```
#130832
```
#130832 rgb(19,8,50)
```
#1a0a43
```
#1a0a43 rgb(26,10,67)
```
#200d54
```
#200d54 rgb(32,13,84)
```
#271065
```
#271065 rgb(39,16,101)
```
#2e1276
```
#2e1276 rgb(46,18,118)
```
#341587
```
#341587 rgb(52,21,135)
```
#3b1798
```
#3b1798 rgb(59,23,152)
```
#411aa9
```
#411aa9 rgb(65,26,169)
```
#481dba
```
#481dba rgb(72,29,186)
```
#4e1fcb
```
#4e1fcb rgb(78,31,203)
```
#5522dc
```
#5522dc rgb(85,34,220)
```

Shade Color Variation

#6232df
```
#6232df rgb(98,50,223)
```
#6f43e2
```
#6f43e2 rgb(111,67,226)
```
#7c54e5
```
#7c54e5 rgb(124,84,229)
```
#8965e7
```
#8965e7 rgb(137,101,231)
```
#9676ea
```
#9676ea rgb(150,118,234)
```
#a387ec
```
#a387ec rgb(163,135,236)
```
#b098ef
```
#b098ef rgb(176,152,239)
```
#bda9f2
```
#bda9f2 rgb(189,169,242)
```
#cabaf4
```
#cabaf4 rgb(202,186,244)
```
#d7cbf7
```
#d7cbf7 rgb(215,203,247)
```
#e4dcfa
```
#e4dcfa rgb(228,220,250)
```
#f1edfc
```
#f1edfc rgb(241,237,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#7d7a84
```
#7d7a84 rgb(125,122,132)
```
#78708e
```
#78708e rgb(120,112,142)
```
#746698
```
#746698 rgb(116,102,152)
```
#6f5da1
```
#6f5da1 rgb(111,93,161)
```
#6b53ab
```
#6b53ab rgb(107,83,171)
```
#6749b5
```
#6749b5 rgb(103,73,181)
```
#623fbf
```
#623fbf rgb(98,63,191)
```
#5e36c8
```
#5e36c8 rgb(94,54,200)
```
#592cd2
```
#592cd2 rgb(89,44,210)
```
#5522dc
```
#5522dc rgb(85,34,220)
```
#5118e6
```
#5118e6 rgb(81,24,230)
```
#4c0ef0
```
#4c0ef0 rgb(76,14,240)
```
#4805f9
```
#4805f9 rgb(72,5,249)
```

Tone Color Variation

Below, you can see how #5522dc 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
#493f64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c93 Deuteranopia 1% of men
#006269 Tritanopia 0.001% of the population

Trichromacy

#1e44bc Protanomaly 1% of men, 0.01% of women
#1e47ad Deuteranomaly 6% of men, 0.4% of women
#1e4b93 Tritanomaly 0.01% of the population

#5522dc hex color

#5522dc Color Information

#5522dc Color Conversion

Color Schemes with #5522dc

Alternatives to #5522dc

#5522dc Preview

Shades and Tints of #5522dc

Tones of #5522dc

Color Blindness Simulator