#5521f3 Color Information
In a RGB color space, hex #5521f3 is composed of 33.3% red, 12.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 86.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 254.9 degrees, a saturation of 89.7% and a lightness of 54.1%. #5521f3 color hex could be obtained by blending #aa42ff with #0000e7. Closest websafe color is: #6633ff.
-
- R 33
- G 13
- B 95
-
- C 65
- M 86
- Y 0
- K 5
● #5521f3 color description : Vivid blue.
#5521f3 Color Conversion
The hexadecimal color #5521f3 has RGB values of R:85, G:33, B:243 and CMYK values of C:0.65, M:0.86, Y:0, K:0.05. Its decimal value is 5579251.
Hex triplet | 5521f3 | #5521f3 |
---|---|---|
RGB Decimal | 85, 33, 243 | rgb(85,33,243) |
RGB Percent | 33.3, 12.9, 95.3 | rgb(33.3%,12.9%,95.3%) |
CMYK | 65, 86, 0, 5 | |
HSL | 254.9°, 89.7, 54.1 | hsl(254.9,89.7%,54.1%) |
HSV (or HSB) | 254.9°, 86.4, 95.3 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 36.91, 71.622, -93.322 |
---|---|
XYZ | 20.465, 9.489, 85.542 |
xyY | 0.177, 0.082, 9.489 |
CIE-LCH | 36.91, 117.638, 307.505 |
CIE-LUV | 36.91, -1.282, -127.019 |
Hunter-Lab | 30.805, 64.677, -143.081 |
Binary | 01010101, 00100001, 11110011 |
Color Schemes with #5521f3
Alternatives to #5521f3
Below, you can see some colors close to #5521f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5521f3 Preview
This text has a font color of #5521f3.
<span style="color:#5521f3;">Text here</span>
This paragraph has a background color of #5521f3.
<p style="background-color:#5521f3;">Content here</p>
This element has a border color of #5521f3.
<div style="border:1px solid #5521f3;">Content here</div>
.text {color:#5521f3;}
.background {background-color:#5521f3;}
.border {border:1px solid #5521f3;}
Shades and Tints of #5521f3
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, #000001 is the darkest color, while #f2eefe is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#060114
#060114
rgb(6,1,20)
-
#0b0227
#0b0227
rgb(11,2,39)
-
#100339
#100339
rgb(16,3,57)
-
#16044c
#16044c
rgb(22,4,76)
-
#1b055e
#1b055e
rgb(27,5,94)
-
#210671
#210671
rgb(33,6,113)
-
#260784
#260784
rgb(38,7,132)
-
#2b0896
#2b0896
rgb(43,8,150)
-
#3109a9
#3109a9
rgb(49,9,169)
-
#360abb
#360abb
rgb(54,10,187)
-
#3b0bce
#3b0bce
rgb(59,11,206)
-
#410ce1
#410ce1
rgb(65,12,225)
-
#470ef2
#470ef2
rgb(71,14,242)
-
#5521f3
#5521f3
rgb(85,33,243)
-
#6334f4
#6334f4
rgb(99,52,244)
-
#7246f5
#7246f5
rgb(114,70,245)
-
#8059f6
#8059f6
rgb(128,89,246)
-
#8e6bf7
#8e6bf7
rgb(142,107,247)
-
#9c7ef8
#9c7ef8
rgb(156,126,248)
-
#ab91f9
#ab91f9
rgb(171,145,249)
-
#b9a3fa
#b9a3fa
rgb(185,163,250)
-
#c7b6fb
#c7b6fb
rgb(199,182,251)
-
#d5c8fc
#d5c8fc
rgb(213,200,252)
-
#e4dbfd
#e4dbfd
rgb(228,219,253)
-
#f2eefe
#f2eefe
rgb(242,238,254)
Tones of #5521f3
A tone is produced by adding gray to any pure hue. In this case, #878490 is the less saturated color, while #5018fc is the most saturated one.
-
#878490
#878490
rgb(135,132,144)
-
#827b99
#827b99
rgb(130,123,153)
-
#7e72a2
#7e72a2
rgb(126,114,162)
-
#7969ab
#7969ab
rgb(121,105,171)
-
#7560b4
#7560b4
rgb(117,96,180)
-
#7057bd
#7057bd
rgb(112,87,189)
-
#6c4ec6
#6c4ec6
rgb(108,78,198)
-
#6745cf
#6745cf
rgb(103,69,207)
-
#633cd8
#633cd8
rgb(99,60,216)
-
#5e33e1
#5e33e1
rgb(94,51,225)
-
#5a2aea
#5a2aea
rgb(90,42,234)
-
#5521f3
#5521f3
rgb(85,33,243)
-
#5018fc
#5018fc
rgb(80,24,252)
Color Blindness Simulator
Below, you can see how #5521f3 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.