#5522ae hex color

In a RGB color space, hex #5522ae is composed of 33.3% red, 13.3% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 80.5% magenta, 0% yellow and 31.8% black. It has a hue angle of 261.9 degrees, a saturation of 67.3% and a lightness of 40.8%. #5522ae color hex could be obtained by blending #aa44ff with #00005d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 13
- B 68
RGB color chart
- C 51
- M 80
- Y 0
- K 32
CMYK color chart

● #5522ae color description : Dark violet.

The hexadecimal color #5522ae has RGB values of R:85, G:34, B:174 and CMYK values of C:0.51, M:0.8, Y:0, K:0.32. Its decimal value is 5579438.

Hex triplet	5522ae	`#5522ae`
RGB Decimal	85, 34, 174	`rgb(85,34,174)`
RGB Percent	33.3, 13.3, 68.2	`rgb(33.3%,13.3%,68.2%)`
CMYK	51, 80, 0, 32
HSL	261.9°, 67.3, 40.8	`hsl(261.9,67.3%,40.8%)`
HSV (or HSB)	261.9°, 80.5, 68.2
Web Safe	663399	`#663399`

CIE-LAB	29.741, 53.373, -65.083
XYZ	11.957, 6.131, 40.596
xyY	0.204, 0.104, 6.131
CIE-LCH	29.741, 84.17, 309.354
CIE-LUV	29.741, 5.436, -86.553
Hunter-Lab	24.761, 42.864, -79.872
Binary	01010101, 00100010, 10101110

#5522ae
```
#5522ae rgb(85,34,174)
```
#7bae22
```
#7bae22 rgb(123,174,34)
```

Complementary Color

#2235ae
```
#2235ae rgb(34,53,174)
```
#5522ae
```
#5522ae rgb(85,34,174)
```
#9b22ae
```
#9b22ae rgb(155,34,174)
```

Analogous Color

#35ae22
```
#35ae22 rgb(53,174,34)
```
#5522ae
```
#5522ae rgb(85,34,174)
```
#ae9b22
```
#ae9b22 rgb(174,155,34)
```

Split Complementary Color

#22ae55
```
#22ae55 rgb(34,174,85)
```
#5522ae
```
#5522ae rgb(85,34,174)
```
#ae5522
```
#ae5522 rgb(174,85,34)
```

Triadic Color

#227bae
```
#227bae rgb(34,123,174)
```
#5522ae
```
#5522ae rgb(85,34,174)
```
#ae5522
```
#ae5522 rgb(174,85,34)
```
#7bae22
```
#7bae22 rgb(123,174,34)
```

Tetradic Color

#36156e
```
#36156e rgb(54,21,110)
```
#401a83
```
#401a83 rgb(64,26,131)
```
#4b1e99
```
#4b1e99 rgb(75,30,153)
```
#5522ae
```
#5522ae rgb(85,34,174)
```
#5f26c3
```
#5f26c3 rgb(95,38,195)
```
#6b2dd6
```
#6b2dd6 rgb(107,45,214)
```
#7a42da
```
#7a42da rgb(122,66,218)
```

Monochromatic Color

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

#3222ae
```
#3222ae rgb(50,34,174)
```
#3e22ae
```
#3e22ae rgb(62,34,174)
```
#4922ae
```
#4922ae rgb(73,34,174)
```
#5522ae
```
#5522ae rgb(85,34,174)
```
#6122ae
```
#6122ae rgb(97,34,174)
```
#6c22ae
```
#6c22ae rgb(108,34,174)
```
#7822ae
```
#7822ae rgb(120,34,174)
```

Similar Colors

Text with hexadecimal color #5522ae

This text has a font color of #5522ae.

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

#5522ae background color

This paragraph has a background color of #5522ae.

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

#5522ae border color

This element has a border color of #5522ae.

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

CSS codes

.text {color:#5522ae;}

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

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

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

#05020a
```
#05020a rgb(5,2,10)
```
#0d051a
```
#0d051a rgb(13,5,26)
```
#15082b
```
#15082b rgb(21,8,43)
```
#1d0c3b
```
#1d0c3b rgb(29,12,59)
```
#250f4c
```
#250f4c rgb(37,15,76)
```
#2d125c
```
#2d125c rgb(45,18,92)
```
#35156c
```
#35156c rgb(53,21,108)
```
#3d187d
```
#3d187d rgb(61,24,125)
```
#451c8d
```
#451c8d rgb(69,28,141)
```
#4d1f9e
```
#4d1f9e rgb(77,31,158)
```
#5522ae
```
#5522ae rgb(85,34,174)
```
#5d25be
```
#5d25be rgb(93,37,190)
```
#6528cf
```
#6528cf rgb(101,40,207)
```

Shade Color Variation

#6f34d7
```
#6f34d7 rgb(111,52,215)
```
#7b44da
```
#7b44da rgb(123,68,218)
```
#8654de
```
#8654de rgb(134,84,222)
```
#9265e1
```
#9265e1 rgb(146,101,225)
```
#9e75e4
```
#9e75e4 rgb(158,117,228)
```
#a986e7
```
#a986e7 rgb(169,134,231)
```
#b596ea
```
#b596ea rgb(181,150,234)
```
#c0a6ee
```
#c0a6ee rgb(192,166,238)
```
#ccb7f1
```
#ccb7f1 rgb(204,183,241)
```
#d8c7f4
```
#d8c7f4 rgb(216,199,244)
```
#e3d8f7
```
#e3d8f7 rgb(227,216,247)
```
#efe8fb
```
#efe8fb rgb(239,232,251)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

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

#66626e
```
#66626e rgb(102,98,110)
```
#645a76
```
#645a76 rgb(100,90,118)
```
#62527e
```
#62527e rgb(98,82,126)
```
#604a86
```
#604a86 rgb(96,74,134)
```
#5e428e
```
#5e428e rgb(94,66,142)
```
#5c3a96
```
#5c3a96 rgb(92,58,150)
```
#59329e
```
#59329e rgb(89,50,158)
```
#572aa6
```
#572aa6 rgb(87,42,166)
```
#5522ae
```
#5522ae rgb(85,34,174)
```
#531ab6
```
#531ab6 rgb(83,26,182)
```
#5112be
```
#5112be rgb(81,18,190)
```
#4e0ac6
```
#4e0ac6 rgb(78,10,198)
```
#4c02ce
```
#4c02ce rgb(76,2,206)
```

Tone Color Variation

Below, you can see how #5522ae 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

#414141 Achromatopsia 0.005% of the population
#453b57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005183 Deuteranopia 1% of men
#3b5359 Tritanopia 0.001% of the population

Trichromacy

#1e3d9f Protanomaly 1% of men, 0.01% of women
#1e4092 Deuteranomaly 6% of men, 0.4% of women
#444178 Tritanomaly 0.01% of the population

#5522ae hex color

#5522ae Color Information

#5522ae Color Conversion

Color Schemes with #5522ae

Alternatives to #5522ae

#5522ae Preview

Shades and Tints of #5522ae

Tones of #5522ae

Color Blindness Simulator