#5552f3 Color Information
In a RGB color space, hex #5552f3 is composed of 33.3% red, 32.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 66.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 241.1 degrees, a saturation of 87% and a lightness of 63.7%. #5552f3 color hex could be obtained by blending #aaa4ff with #0000e7. Closest websafe color is: #6666ff.
-
- R 33
- G 32
- B 95
-
- C 65
- M 66
- Y 0
- K 5
● #5552f3 color description : Soft blue.
#5552f3 Color Conversion
The hexadecimal color #5552f3 has RGB values of R:85, G:82, B:243 and CMYK values of C:0.65, M:0.66, Y:0, K:0.05. Its decimal value is 5591795.
Hex triplet | 5552f3 | #5552f3 |
---|---|---|
RGB Decimal | 85, 82, 243 | rgb(85,82,243) |
RGB Percent | 33.3, 32.2, 95.3 | rgb(33.3%,32.2%,95.3%) |
CMYK | 65, 66, 0, 5 | |
HSL | 241.1°, 87, 63.7 | hsl(241.1,87%,63.7%) |
HSV (or HSB) | 241.1°, 66.3, 95.3 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 44.852, 49.007, -80.22 |
---|---|
XYZ | 22.938, 14.436, 86.367 |
xyY | 0.185, 0.117, 14.436 |
CIE-LCH | 44.852, 94.005, 301.421 |
CIE-LUV | 44.852, -8.053, -121.132 |
Hunter-Lab | 37.994, 41.274, -108.178 |
Binary | 01010101, 01010010, 11110011 |
Color Schemes with #5552f3
Alternatives to #5552f3
Below, you can see some colors close to #5552f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5552f3 Preview
This text has a font color of #5552f3.
<span style="color:#5552f3;">Text here</span>
This paragraph has a background color of #5552f3.
<p style="background-color:#5552f3;">Content here</p>
This element has a border color of #5552f3.
<div style="border:1px solid #5552f3;">Content here</div>
.text {color:#5552f3;}
.background {background-color:#5552f3;}
.border {border:1px solid #5552f3;}
Shades and Tints of #5552f3
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, #01010a is the darkest color, while #f7f7fe is the lightest one.
-
#01010a
#01010a
rgb(1,1,10)
-
#02021d
#02021d
rgb(2,2,29)
-
#04032f
#04032f
rgb(4,3,47)
-
#060541
#060541
rgb(6,5,65)
-
#070654
#070654
rgb(7,6,84)
-
#090766
#090766
rgb(9,7,102)
-
#0a0878
#0a0878
rgb(10,8,120)
-
#0c0a8b
#0c0a8b
rgb(12,10,139)
-
#0e0b9d
#0e0b9d
rgb(14,11,157)
-
#0f0cb0
#0f0cb0
rgb(15,12,176)
-
#110dc2
#110dc2
rgb(17,13,194)
-
#120fd4
#120fd4
rgb(18,15,212)
-
#1410e7
#1410e7
rgb(20,16,231)
-
#1f1bef
#1f1bef
rgb(31,27,239)
-
#312df0
#312df0
rgb(49,45,240)
-
#4340f2
#4340f2
rgb(67,64,242)
-
#5552f3
#5552f3
rgb(85,82,243)
-
#6764f4
#6764f4
rgb(103,100,244)
-
#7977f6
#7977f6
rgb(121,119,246)
-
#8b89f7
#8b89f7
rgb(139,137,247)
-
#9d9bf8
#9d9bf8
rgb(157,155,248)
-
#afaef9
#afaef9
rgb(175,174,249)
-
#c1c0fb
#c1c0fb
rgb(193,192,251)
-
#d3d2fc
#d3d2fc
rgb(211,210,252)
-
#e5e5fd
#e5e5fd
rgb(229,229,253)
-
#f7f7fe
#f7f7fe
rgb(247,247,254)
Tones of #5552f3
A tone is produced by adding gray to any pure hue. In this case, #a0a0a5 is the less saturated color, while #4e4bfa is the most saturated one.
-
#a0a0a5
#a0a0a5
rgb(160,160,165)
-
#9a99ac
#9a99ac
rgb(154,153,172)
-
#9392b3
#9392b3
rgb(147,146,179)
-
#8c8bba
#8c8bba
rgb(140,139,186)
-
#8584c1
#8584c1
rgb(133,132,193)
-
#7e7dc8
#7e7dc8
rgb(126,125,200)
-
#7776cf
#7776cf
rgb(119,118,207)
-
#706ed7
#706ed7
rgb(112,110,215)
-
#6a67de
#6a67de
rgb(106,103,222)
-
#6360e5
#6360e5
rgb(99,96,229)
-
#5c59ec
#5c59ec
rgb(92,89,236)
-
#5552f3
#5552f3
rgb(85,82,243)
-
#4e4bfa
#4e4bfa
rgb(78,75,250)
Color Blindness Simulator
Below, you can see how #5552f3 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.