colorhexa.com

#5522fb hex color

In a RGB color space, hex #5522fb is composed of 33.3% red, 13.3% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 86.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 254.1 degrees, a saturation of 96.4% and a lightness of 55.9%. #5522fb color hex could be obtained by blending #aa44ff with #0000f7. Closest websafe color is: #6633ff.

- R 33
- G 13
- B 98
RGB color chart
- C 66
- M 86
- Y 0
- K 2
CMYK color chart

● #5522fb color description : Vivid blue.

The hexadecimal color #5522fb has RGB values of R:85, G:34, B:251 and CMYK values of C:0.66, M:0.86, Y:0, K:0.02. Its decimal value is 5579515.

Hex triplet	5522fb	`#5522fb`
RGB Decimal	85, 34, 251	`rgb(85,34,251)`
RGB Percent	33.3, 13.3, 98.4	`rgb(33.3%,13.3%,98.4%)`
CMYK	66, 86, 0, 2
HSL	254.1°, 96.4, 55.9	`hsl(254.1,96.4%,55.9%)`
HSV (or HSB)	254.1°, 86.5, 98.4
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.913, 73.339, -96.161
XYZ	21.728, 10.039, 92.054
xyY	0.175, 0.081, 10.039
CIE-LCH	37.913, 120.936, 307.332
CIE-LUV	37.913, -1.997, -131.531
Hunter-Lab	31.685, 66.955, -150.075
Binary	01010101, 00100010, 11111011

#5522fb
```
#5522fb rgb(85,34,251)
```
#c8fb22
```
#c8fb22 rgb(200,251,34)
```

Complementary Color

#225bfb
```
#225bfb rgb(34,91,251)
```
#5522fb
```
#5522fb rgb(85,34,251)
```
#c222fb
```
#c222fb rgb(194,34,251)
```

Analogous Color

#5cfb22
```
#5cfb22 rgb(92,251,34)
```
#5522fb
```
#5522fb rgb(85,34,251)
```
#fbc222
```
#fbc222 rgb(251,194,34)
```

Split Complementary Color

#22fb55
```
#22fb55 rgb(34,251,85)
```
#5522fb
```
#5522fb rgb(85,34,251)
```
#fb5522
```
#fb5522 rgb(251,85,34)
```

Triadic Color

#22c8fb
```
#22c8fb rgb(34,200,251)
```
#5522fb
```
#5522fb rgb(85,34,251)
```
#fb5522
```
#fb5522 rgb(251,85,34)
```
#c8fb22
```
#c8fb22 rgb(200,251,34)
```

Tetradic Color

#3304cd
```
#3304cd rgb(51,4,205)
```
#3904e6
```
#3904e6 rgb(57,4,230)
```
#4209fb
```
#4209fb rgb(66,9,251)
```
#5522fb
```
#5522fb rgb(85,34,251)
```
#683bfb
```
#683bfb rgb(104,59,251)
```
#7c54fc
```
#7c54fc rgb(124,84,252)
```
#8f6dfc
```
#8f6dfc rgb(143,109,252)
```

Monochromatic Color

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

#2225fb
```
#2225fb rgb(34,37,251)
```
#3122fb
```
#3122fb rgb(49,34,251)
```
#4322fb
```
#4322fb rgb(67,34,251)
```
#5522fb
```
#5522fb rgb(85,34,251)
```
#6722fb
```
#6722fb rgb(103,34,251)
```
#7922fb
```
#7922fb rgb(121,34,251)
```
#8b22fb
```
#8b22fb rgb(139,34,251)
```

Similar Colors

Text with hexadecimal color #5522fb

This text has a font color of #5522fb.

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

#5522fb background color

This paragraph has a background color of #5522fb.

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

#5522fb border color

This element has a border color of #5522fb.

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

CSS codes

.text {color:#5522fb;}

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

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

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

#03000a
```
#03000a rgb(3,0,10)
```
#07011d
```
#07011d rgb(7,1,29)
```
#0c0131
```
#0c0131 rgb(12,1,49)
```
#110144
```
#110144 rgb(17,1,68)
```
#160257
```
#160257 rgb(22,2,87)
```
#1b026b
```
#1b026b rgb(27,2,107)
```
#1f027e
```
#1f027e rgb(31,2,126)
```
#240391
```
#240391 rgb(36,3,145)
```
#2903a4
```
#2903a4 rgb(41,3,164)
```
#2e03b8
```
#2e03b8 rgb(46,3,184)
```
#3204cb
```
#3204cb rgb(50,4,203)
```
#3704de
```
#3704de rgb(55,4,222)
```
#3c04f1
```
#3c04f1 rgb(60,4,241)
```

Shade Color Variation

#460ffb
```
#460ffb rgb(70,15,251)
```
#5522fb
```
#5522fb rgb(85,34,251)
```
#6435fb
```
#6435fb rgb(100,53,251)
```
#7349fc
```
#7349fc rgb(115,73,252)
```
#815cfc
```
#815cfc rgb(129,92,252)
```
#906ffc
```
#906ffc rgb(144,111,252)
```
#9f82fd
```
#9f82fd rgb(159,130,253)
```
#ae96fd
```
#ae96fd rgb(174,150,253)
```
#bda9fd
```
#bda9fd rgb(189,169,253)
```
#ccbcfe
```
#ccbcfe rgb(204,188,254)
```
#dacffe
```
#dacffe rgb(218,207,254)
```
#e9e3fe
```
#e9e3fe rgb(233,227,254)
```
#f8f6ff
```
#f8f6ff rgb(248,246,255)
```

Tint Color Variation

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

#8c8a93
```
#8c8a93 rgb(140,138,147)
```
#87819c
```
#87819c rgb(135,129,156)
```
#8379a4
```
#8379a4 rgb(131,121,164)
```
#7e70ad
```
#7e70ad rgb(126,112,173)
```
#7a67b6
```
#7a67b6 rgb(122,103,182)
```
#755fbe
```
#755fbe rgb(117,95,190)
```
#7156c7
```
#7156c7 rgb(113,86,199)
```
#6c4dd0
```
#6c4dd0 rgb(108,77,208)
```
#6745d8
```
#6745d8 rgb(103,69,216)
```
#633ce1
```
#633ce1 rgb(99,60,225)
```
#5e33ea
```
#5e33ea rgb(94,51,234)
```
#5a2bf2
```
#5a2bf2 rgb(90,43,242)
```
#5522fb
```
#5522fb rgb(85,34,251)
```

Tone Color Variation

Below, you can see how #5522fb 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
#4c426d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb8 Protanopia 1% of men
#00649f Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#1e48d0 Protanomaly 1% of men, 0.01% of women
#1e4cc0 Deuteranomaly 6% of men, 0.4% of women
#1e50a3 Tritanomaly 0.01% of the population