#5522bb Color Information
In a RGB color space, hex #5522bb is composed of 33.3% red, 13.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 81.8% magenta, 0% yellow and 26.7% black. It has a hue angle of 260 degrees, a saturation of 69.2% and a lightness of 43.3%. #5522bb color hex could be obtained by blending #aa44ff with #000077. Closest websafe color is: #6633cc.
-
- R 33
- G 13
- B 73
-
- C 55
- M 82
- Y 0
- K 27
● #5522bb color description : Strong violet.
#5522bb Color Conversion
The hexadecimal color #5522bb has RGB values of R:85, G:34, B:187 and CMYK values of C:0.55, M:0.82, Y:0, K:0.27. Its decimal value is 5579451.
Hex triplet | 5522bb | #5522bb |
---|---|---|
RGB Decimal | 85, 34, 187 | rgb(85,34,187) |
RGB Percent | 33.3, 13.3, 73.3 | rgb(33.3%,13.3%,73.3%) |
CMYK | 55, 82, 0, 27 | |
HSL | 260°, 69.2, 43.3 | hsl(260,69.2%,43.3%) |
HSV (or HSB) | 260°, 81.8, 73.3 | |
Web Safe | 6633cc | #6633cc |
CIE-LAB | 31.027, 56.791, -70.707 |
---|---|
XYZ | 13.286, 6.663, 47.597 |
xyY | 0.197, 0.099, 6.663 |
CIE-LCH | 31.027, 90.69, 308.771 |
CIE-LUV | 31.027, 3.93, -94.429 |
Hunter-Lab | 25.813, 46.706, -91.258 |
Binary | 01010101, 00100010, 10111011 |
Color Schemes with #5522bb
Alternatives to #5522bb
Below, you can see some colors close to #5522bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5522bb Preview
This text has a font color of #5522bb.
<span style="color:#5522bb;">Text here</span>
This paragraph has a background color of #5522bb.
<p style="background-color:#5522bb;">Content here</p>
This element has a border color of #5522bb.
<div style="border:1px solid #5522bb;">Content here</div>
.text {color:#5522bb;}
.background {background-color:#5522bb;}
.border {border:1px solid #5522bb;}
Shades and Tints of #5522bb
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, #020104 is the darkest color, while #f6f3fd is the lightest one.
-
#020104
#020104
rgb(2,1,4)
-
#0a0415
#0a0415
rgb(10,4,21)
-
#110726
#110726
rgb(17,7,38)
-
#190a36
#190a36
rgb(25,10,54)
-
#200d47
#200d47
rgb(32,13,71)
-
#281057
#281057
rgb(40,16,87)
-
#2f1368
#2f1368
rgb(47,19,104)
-
#371679
#371679
rgb(55,22,121)
-
#3e1989
#3e1989
rgb(62,25,137)
-
#461c9a
#461c9a
rgb(70,28,154)
-
#4d1faa
#4d1faa
rgb(77,31,170)
-
#5522bb
#5522bb
rgb(85,34,187)
-
#5d25cc
#5d25cc
rgb(93,37,204)
-
#652cd9
#652cd9
rgb(101,44,217)
-
#713cdc
#713cdc
rgb(113,60,220)
-
#7d4ddf
#7d4ddf
rgb(125,77,223)
-
#8a5de2
#8a5de2
rgb(138,93,226)
-
#966ee5
#966ee5
rgb(150,110,229)
-
#a27fe8
#a27fe8
rgb(162,127,232)
-
#ae8feb
#ae8feb
rgb(174,143,235)
-
#baa0ee
#baa0ee
rgb(186,160,238)
-
#c6b0f1
#c6b0f1
rgb(198,176,241)
-
#d2c1f4
#d2c1f4
rgb(210,193,244)
-
#ded2f7
#ded2f7
rgb(222,210,247)
-
#eae2fa
#eae2fa
rgb(234,226,250)
-
#f6f3fd
#f6f3fd
rgb(246,243,253)
Tones of #5522bb
A tone is produced by adding gray to any pure hue. In this case, #6f6f6f is the less saturated color, while #4c08d5 is the most saturated one.
-
#6f6f6f
#6f6f6f
rgb(111,111,111)
-
#6c6677
#6c6677
rgb(108,102,119)
-
#695e80
#695e80
rgb(105,94,128)
-
#665588
#665588
rgb(102,85,136)
-
#634d91
#634d91
rgb(99,77,145)
-
#604499
#604499
rgb(96,68,153)
-
#5e3ca2
#5e3ca2
rgb(94,60,162)
-
#5b33aa
#5b33aa
rgb(91,51,170)
-
#582bb3
#582bb3
rgb(88,43,179)
-
#5522bb
#5522bb
rgb(85,34,187)
-
#521ac4
#521ac4
rgb(82,26,196)
-
#4f11cc
#4f11cc
rgb(79,17,204)
-
#4c08d5
#4c08d5
rgb(76,8,213)
Color Blindness Simulator
Below, you can see how #5522bb 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.