#5522e9 hex color

In a RGB color space, hex #5522e9 is composed of 33.3% red, 13.3% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 85.4% magenta, 0% yellow and 8.6% black. It has a hue angle of 255.4 degrees, a saturation of 81.9% and a lightness of 52.4%. #5522e9 color hex could be obtained by blending #aa44ff with #0000d3. Closest websafe color is: #6633ff.

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

● #5522e9 color description : Vivid violet.

The hexadecimal color #5522e9 has RGB values of R:85, G:34, B:233 and CMYK values of C:0.64, M:0.85, Y:0, K:0.09. Its decimal value is 5579497.

Hex triplet	5522e9	`#5522e9`
RGB Decimal	85, 34, 233	`rgb(85,34,233)`
RGB Percent	33.3, 13.3, 91.4	`rgb(33.3%,13.3%,91.4%)`
CMYK	64, 85, 0, 9
HSL	255.4°, 81.9, 52.4	`hsl(255.4,81.9%,52.4%)`
HSV (or HSB)	255.4°, 85.4, 91.4
Web Safe	6633ff	`#6633ff`

CIE-LAB	35.903, 68.755, -89.323
XYZ	19.024, 8.958, 77.813
xyY	0.18, 0.085, 8.958
CIE-LCH	35.903, 112.72, 307.587
CIE-LUV	35.903, -0.526, -121.316
Hunter-Lab	29.93, 61.08, -133.195
Binary	01010101, 00100010, 11101001

#5522e9
```
#5522e9 rgb(85,34,233)
```
#b6e922
```
#b6e922 rgb(182,233,34)
```

Complementary Color

#2253e9
```
#2253e9 rgb(34,83,233)
```
#5522e9
```
#5522e9 rgb(85,34,233)
```
#b922e9
```
#b922e9 rgb(185,34,233)
```

Analogous Color

#53e922
```
#53e922 rgb(83,233,34)
```
#5522e9
```
#5522e9 rgb(85,34,233)
```
#e9b922
```
#e9b922 rgb(233,185,34)
```

Split Complementary Color

#22e955
```
#22e955 rgb(34,233,85)
```
#5522e9
```
#5522e9 rgb(85,34,233)
```
#e95522
```
#e95522 rgb(233,85,34)
```

Triadic Color

#22b6e9
```
#22b6e9 rgb(34,182,233)
```
#5522e9
```
#5522e9 rgb(85,34,233)
```
#e95522
```
#e95522 rgb(233,85,34)
```
#b6e922
```
#b6e922 rgb(182,233,34)
```

Tetradic Color

#3911ad
```
#3911ad rgb(57,17,173)
```
#4114c4
```
#4114c4 rgb(65,20,196)
```
#4916dc
```
#4916dc rgb(73,22,220)
```
#5522e9
```
#5522e9 rgb(85,34,233)
```
#6739eb
```
#6739eb rgb(103,57,235)
```
#7950ee
```
#7950ee rgb(121,80,238)
```
#8b68f0
```
#8b68f0 rgb(139,104,240)
```

Monochromatic Color

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

#2322e9
```
#2322e9 rgb(35,34,233)
```
#3422e9
```
#3422e9 rgb(52,34,233)
```
#4422e9
```
#4422e9 rgb(68,34,233)
```
#5522e9
```
#5522e9 rgb(85,34,233)
```
#6622e9
```
#6622e9 rgb(102,34,233)
```
#7622e9
```
#7622e9 rgb(118,34,233)
```
#8722e9
```
#8722e9 rgb(135,34,233)
```

Similar Colors

Text with hexadecimal color #5522e9

This text has a font color of #5522e9.

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

#5522e9 background color

This paragraph has a background color of #5522e9.

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

#5522e9 border color

This element has a border color of #5522e9.

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

CSS codes

.text {color:#5522e9;}

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

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

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

#04010b
```
#04010b rgb(4,1,11)
```
#09031d
```
#09031d rgb(9,3,29)
```
#0f052f
```
#0f052f rgb(15,5,47)
```
#150640
```
#150640 rgb(21,6,64)
```
#1b0852
```
#1b0852 rgb(27,8,82)
```
#210a64
```
#210a64 rgb(33,10,100)
```
#270c76
```
#270c76 rgb(39,12,118)
```
#2d0e88
```
#2d0e88 rgb(45,14,136)
```
#330f9a
```
#330f9a rgb(51,15,154)
```
#3911ab
```
#3911ab rgb(57,17,171)
```
#3f13bd
```
#3f13bd rgb(63,19,189)
```
#4415cf
```
#4415cf rgb(68,21,207)
```
#4a16e1
```
#4a16e1 rgb(74,22,225)
```

Shade Color Variation

#5522e9
```
#5522e9 rgb(85,34,233)
```
#6334eb
```
#6334eb rgb(99,52,235)
```
#7046ed
```
#7046ed rgb(112,70,237)
```
#7e58ee
```
#7e58ee rgb(126,88,238)
```
#8c69f0
```
#8c69f0 rgb(140,105,240)
```
#9a7bf2
```
#9a7bf2 rgb(154,123,242)
```
#a78df4
```
#a78df4 rgb(167,141,244)
```
#b59ff5
```
#b59ff5 rgb(181,159,245)
```
#c3b1f7
```
#c3b1f7 rgb(195,177,247)
```
#d1c3f9
```
#d1c3f9 rgb(209,195,249)
```
#ded4fb
```
#ded4fb rgb(222,212,251)
```
#ece6fd
```
#ece6fd rgb(236,230,253)
```
#faf8fe
```
#faf8fe rgb(250,248,254)
```

Tint Color Variation

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

#837f8c
```
#837f8c rgb(131,127,140)
```
#7e7695
```
#7e7695 rgb(126,118,149)
```
#796d9e
```
#796d9e rgb(121,109,158)
```
#7563a8
```
#7563a8 rgb(117,99,168)
```
#705ab1
```
#705ab1 rgb(112,90,177)
```
#6c51ba
```
#6c51ba rgb(108,81,186)
```
#6747c4
```
#6747c4 rgb(103,71,196)
```
#633ecd
```
#633ecd rgb(99,62,205)
```
#5e35d6
```
#5e35d6 rgb(94,53,214)
```
#5a2be0
```
#5a2be0 rgb(90,43,224)
```
#5522e9
```
#5522e9 rgb(85,34,233)
```
#5019f2
```
#5019f2 rgb(80,25,242)
```
#4c0ffc
```
#4c0ffc rgb(76,15,252)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#4b4068 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#005f98 Deuteranopia 1% of men
#00666c Tritanopia 0.001% of the population

Trichromacy

#1e46c4 Protanomaly 1% of men, 0.01% of women
#1e49b5 Deuteranomaly 6% of men, 0.4% of women
#1e4d99 Tritanomaly 0.01% of the population

#5522e9 hex color

#5522e9 Color Information

#5522e9 Color Conversion

Color Schemes with #5522e9

Alternatives to #5522e9

#5522e9 Preview

Shades and Tints of #5522e9

Tones of #5522e9

Color Blindness Simulator