#5522ef hex color

In a RGB color space, hex #5522ef is composed of 33.3% red, 13.3% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 85.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 254.9 degrees, a saturation of 86.5% and a lightness of 53.5%. #5522ef color hex could be obtained by blending #aa44ff with #0000df. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 13
- B 94
RGB color chart
- C 64
- M 86
- Y 0
- K 6
CMYK color chart

● #5522ef color description : Vivid blue.

The hexadecimal color #5522ef has RGB values of R:85, G:34, B:239 and CMYK values of C:0.64, M:0.86, Y:0, K:0.06. Its decimal value is 5579503.

Hex triplet	5522ef	`#5522ef`
RGB Decimal	85, 34, 239	`rgb(85,34,239)`
RGB Percent	33.3, 13.3, 93.7	`rgb(33.3%,13.3%,93.7%)`
CMYK	64, 86, 0, 6
HSL	254.9°, 86.5, 53.5	`hsl(254.9,86.5%,53.5%)`
HSV (or HSB)	254.9°, 85.8, 93.7
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.568, 70.29, -91.627
XYZ	19.895, 9.307, 82.405
xyY	0.178, 0.083, 9.307
CIE-LCH	36.568, 115.482, 307.493
CIE-LUV	36.568, -1.03, -124.737
Hunter-Lab	30.507, 63.025, -138.8
Binary	01010101, 00100010, 11101111

#5522ef
```
#5522ef rgb(85,34,239)
```
#bcef22
```
#bcef22 rgb(188,239,34)
```

Complementary Color

#2256ef
```
#2256ef rgb(34,86,239)
```
#5522ef
```
#5522ef rgb(85,34,239)
```
#bc22ef
```
#bc22ef rgb(188,34,239)
```

Analogous Color

#56ef22
```
#56ef22 rgb(86,239,34)
```
#5522ef
```
#5522ef rgb(85,34,239)
```
#efbc22
```
#efbc22 rgb(239,188,34)
```

Split Complementary Color

#22ef55
```
#22ef55 rgb(34,239,85)
```
#5522ef
```
#5522ef rgb(85,34,239)
```
#ef5522
```
#ef5522 rgb(239,85,34)
```

Triadic Color

#22bcef
```
#22bcef rgb(34,188,239)
```
#5522ef
```
#5522ef rgb(85,34,239)
```
#ef5522
```
#ef5522 rgb(239,85,34)
```
#bcef22
```
#bcef22 rgb(188,239,34)
```

Tetradic Color

#380db7
```
#380db7 rgb(56,13,183)
```
#3f0fcf
```
#3f0fcf rgb(63,15,207)
```
#4611e7
```
#4611e7 rgb(70,17,231)
```
#5522ef
```
#5522ef rgb(85,34,239)
```
#673af1
```
#673af1 rgb(103,58,241)
```
#7a52f2
```
#7a52f2 rgb(122,82,242)
```
#8c69f4
```
#8c69f4 rgb(140,105,244)
```

Monochromatic Color

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

#2222ef
```
#2222ef rgb(34,34,239)
```
#3322ef
```
#3322ef rgb(51,34,239)
```
#4422ef
```
#4422ef rgb(68,34,239)
```
#5522ef
```
#5522ef rgb(85,34,239)
```
#6622ef
```
#6622ef rgb(102,34,239)
```
#7722ef
```
#7722ef rgb(119,34,239)
```
#8822ef
```
#8822ef rgb(136,34,239)
```

Similar Colors

Text with hexadecimal color #5522ef

This text has a font color of #5522ef.

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

#5522ef background color

This paragraph has a background color of #5522ef.

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

#5522ef border color

This element has a border color of #5522ef.

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

CSS codes

.text {color:#5522ef;}

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

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

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

#050111
```
#050111 rgb(5,1,17)
```
#0b0323
```
#0b0323 rgb(11,3,35)
```
#100435
```
#100435 rgb(16,4,53)
```
#160548
```
#160548 rgb(22,5,72)
```
#1b075a
```
#1b075a rgb(27,7,90)
```
#21086c
```
#21086c rgb(33,8,108)
```
#26097f
```
#26097f rgb(38,9,127)
```
#2c0a91
```
#2c0a91 rgb(44,10,145)
```
#310ca3
```
#310ca3 rgb(49,12,163)
```
#370db5
```
#370db5 rgb(55,13,181)
```
#3d0ec8
```
#3d0ec8 rgb(61,14,200)
```
#4210da
```
#4210da rgb(66,16,218)
```
#4811ec
```
#4811ec rgb(72,17,236)
```

Shade Color Variation

#5522ef
```
#5522ef rgb(85,34,239)
```
#6334f0
```
#6334f0 rgb(99,52,240)
```
#7147f2
```
#7147f2 rgb(113,71,242)
```
#7f59f3
```
#7f59f3 rgb(127,89,243)
```
#8d6bf4
```
#8d6bf4 rgb(141,107,244)
```
#9b7df6
```
#9b7df6 rgb(155,125,246)
```
#a990f7
```
#a990f7 rgb(169,144,247)
```
#b7a2f8
```
#b7a2f8 rgb(183,162,248)
```
#c6b4fa
```
#c6b4fa rgb(198,180,250)
```
#d4c7fb
```
#d4c7fb rgb(212,199,251)
```
#e2d9fc
```
#e2d9fc rgb(226,217,252)
```
#f0ebfe
```
#f0ebfe rgb(240,235,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #87868b is the less saturated color, while #5019f8 is the most saturated one.

#87868b
```
#87868b rgb(135,134,139)
```
#837d94
```
#837d94 rgb(131,125,148)
```
#7e749d
```
#7e749d rgb(126,116,157)
```
#7a6ba6
```
#7a6ba6 rgb(122,107,166)
```
#7562af
```
#7562af rgb(117,98,175)
```
#7059b8
```
#7059b8 rgb(112,89,184)
```
#6c50c1
```
#6c50c1 rgb(108,80,193)
```
#6746cb
```
#6746cb rgb(103,70,203)
```
#633dd4
```
#633dd4 rgb(99,61,212)
```
#5e34dd
```
#5e34dd rgb(94,52,221)
```
#5a2be6
```
#5a2be6 rgb(90,43,230)
```
#5522ef
```
#5522ef rgb(85,34,239)
```
#5019f8
```
#5019f8 rgb(80,25,248)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4b416a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb2 Protanopia 1% of men
#00619a Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#1e47c8 Protanomaly 1% of men, 0.01% of women
#1e4ab9 Deuteranomaly 6% of men, 0.4% of women
#1e4e9d Tritanomaly 0.01% of the population

#5522ef hex color

#5522ef Color Information

#5522ef Color Conversion

Color Schemes with #5522ef

Alternatives to #5522ef

#5522ef Preview

Shades and Tints of #5522ef

Tones of #5522ef

Color Blindness Simulator