#5522fe hex color

In a RGB color space, hex #5522fe is composed of 33.3% red, 13.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 86.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 253.9 degrees, a saturation of 99.1% and a lightness of 56.5%. #5522fe color hex could be obtained by blending #aa44ff with #0000fd. Closest websafe color is: #6633ff.

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

● #5522fe color description : Vivid blue.

The hexadecimal color #5522fe has RGB values of R:85, G:34, B:254 and CMYK values of C:0.67, M:0.87, Y:0, K:0. Its decimal value is 5579518.

Hex triplet	5522fe	`#5522fe`
RGB Decimal	85, 34, 254	`rgb(85,34,254)`
RGB Percent	33.3, 13.3, 99.6	`rgb(33.3%,13.3%,99.6%)`
CMYK	67, 87, 0, 0
HSL	253.9°, 99.1, 56.5	`hsl(253.9,99.1%,56.5%)`
HSV (or HSB)	253.9°, 86.6, 99.6
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.252, 74.097, -97.28
XYZ	22.204, 10.23, 94.565
xyY	0.175, 0.081, 10.23
CIE-LCH	38.252, 122.285, 307.296
CIE-LUV	38.252, -2.231, -133.221
Hunter-Lab	31.985, 67.945, -152.907
Binary	01010101, 00100010, 11111110

#5522fe
```
#5522fe rgb(85,34,254)
```
#cbfe22
```
#cbfe22 rgb(203,254,34)
```

Complementary Color

#225dfe
```
#225dfe rgb(34,93,254)
```
#5522fe
```
#5522fe rgb(85,34,254)
```
#c322fe
```
#c322fe rgb(195,34,254)
```

Analogous Color

#5dfe22
```
#5dfe22 rgb(93,254,34)
```
#5522fe
```
#5522fe rgb(85,34,254)
```
#fec322
```
#fec322 rgb(254,195,34)
```

Split Complementary Color

#22fe55
```
#22fe55 rgb(34,254,85)
```
#5522fe
```
#5522fe rgb(85,34,254)
```
#fe5522
```
#fe5522 rgb(254,85,34)
```

Triadic Color

#22cbfe
```
#22cbfe rgb(34,203,254)
```
#5522fe
```
#5522fe rgb(85,34,254)
```
#fe5522
```
#fe5522 rgb(254,85,34)
```
#cbfe22
```
#cbfe22 rgb(203,254,34)
```

Tetradic Color

#3201d3
```
#3201d3 rgb(50,1,211)
```
#3801ec
```
#3801ec rgb(56,1,236)
```
#4109fe
```
#4109fe rgb(65,9,254)
```
#5522fe
```
#5522fe rgb(85,34,254)
```
#693bfe
```
#693bfe rgb(105,59,254)
```
#7c55fe
```
#7c55fe rgb(124,85,254)
```
#906efe
```
#906efe rgb(144,110,254)
```

Monochromatic Color

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

#2226fe
```
#2226fe rgb(34,38,254)
```
#3022fe
```
#3022fe rgb(48,34,254)
```
#4322fe
```
#4322fe rgb(67,34,254)
```
#5522fe
```
#5522fe rgb(85,34,254)
```
#6722fe
```
#6722fe rgb(103,34,254)
```
#7a22fe
```
#7a22fe rgb(122,34,254)
```
#8c22fe
```
#8c22fe rgb(140,34,254)
```

Similar Colors

Text with hexadecimal color #5522fe

This text has a font color of #5522fe.

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

#5522fe background color

This paragraph has a background color of #5522fe.

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

#5522fe border color

This element has a border color of #5522fe.

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

CSS codes

.text {color:#5522fe;}

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

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

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, #03000d is the darkest color, while #faf9ff is the lightest one.

#03000d
```
#03000d rgb(3,0,13)
```
#080021
```
#080021 rgb(8,0,33)
```
#0c0034
```
#0c0034 rgb(12,0,52)
```
#110048
```
#110048 rgb(17,0,72)
```
#16005b
```
#16005b rgb(22,0,91)
```
#1a016f
```
#1a016f rgb(26,1,111)
```
#1f0182
```
#1f0182 rgb(31,1,130)
```
#230196
```
#230196 rgb(35,1,150)
```
#2801aa
```
#2801aa rgb(40,1,170)
```
#2c01bd
```
#2c01bd rgb(44,1,189)
```
#3101d1
```
#3101d1 rgb(49,1,209)
```
#3601e4
```
#3601e4 rgb(54,1,228)
```
#3a01f8
```
#3a01f8 rgb(58,1,248)
```

Shade Color Variation

#460efe
```
#460efe rgb(70,14,254)
```
#5522fe
```
#5522fe rgb(85,34,254)
```
#6436fe
```
#6436fe rgb(100,54,254)
```
#7349fe
```
#7349fe rgb(115,73,254)
```
#825dfe
```
#825dfe rgb(130,93,254)
```
#9170fe
```
#9170fe rgb(145,112,254)
```
#a084fe
```
#a084fe rgb(160,132,254)
```
#af97ff
```
#af97ff rgb(175,151,255)
```
#beabff
```
#beabff rgb(190,171,255)
```
#cdbeff
```
#cdbeff rgb(205,190,255)
```
#dcd2ff
```
#dcd2ff rgb(220,210,255)
```
#ebe5ff
```
#ebe5ff rgb(235,229,255)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8898 is the less saturated color, while #5522fe is the most saturated one.

#8c8898
```
#8c8898 rgb(140,136,152)
```
#8780a0
```
#8780a0 rgb(135,128,160)
```
#8377a9
```
#8377a9 rgb(131,119,169)
```
#7e6fb1
```
#7e6fb1 rgb(126,111,177)
```
#7a66ba
```
#7a66ba rgb(122,102,186)
```
#755ec2
```
#755ec2 rgb(117,94,194)
```
#7055cb
```
#7055cb rgb(112,85,203)
```
#6c4dd3
```
#6c4dd3 rgb(108,77,211)
```
#6744dc
```
#6744dc rgb(103,68,220)
```
#633ce4
```
#633ce4 rgb(99,60,228)
```
#5e33ed
```
#5e33ed rgb(94,51,237)
```
#5a2bf5
```
#5a2bf5 rgb(90,43,245)
```
#5522fe
```
#5522fe rgb(85,34,254)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4c426e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0065a0 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#1e49d2 Protanomaly 1% of men, 0.01% of women
#1e4cc2 Deuteranomaly 6% of men, 0.4% of women
#1e51a5 Tritanomaly 0.01% of the population

#5522fe hex color

#5522fe Color Information

#5522fe Color Conversion

Color Schemes with #5522fe

Alternatives to #5522fe

#5522fe Preview

Shades and Tints of #5522fe

Tones of #5522fe

Color Blindness Simulator