#5572f0 Color Information
In a RGB color space, hex #5572f0 is composed of 33.3% red, 44.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 52.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 228.8 degrees, a saturation of 83.8% and a lightness of 63.7%. #5572f0 color hex could be obtained by blending #aae4ff with #0000e1. Closest websafe color is: #6666ff.
-
- R 33
- G 45
- B 94
-
- C 65
- M 53
- Y 0
- K 6
● #5572f0 color description : Soft blue.
#5572f0 Color Conversion
The hexadecimal color #5572f0 has RGB values of R:85, G:114, B:240 and CMYK values of C:0.65, M:0.53, Y:0, K:0.06. Its decimal value is 5599984.
Hex triplet | 5572f0 | #5572f0 |
---|---|---|
RGB Decimal | 85, 114, 240 | rgb(85,114,240) |
RGB Percent | 33.3, 44.7, 94.1 | rgb(33.3%,44.7%,94.1%) |
CMYK | 65, 53, 0, 6 | |
HSL | 228.8°, 83.8, 63.7 | hsl(228.8,83.8%,63.7%) |
HSV (or HSB) | 228.8°, 64.6, 94.1 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 52.125, 28.79, -66.698 |
---|---|
XYZ | 25.489, 20.256, 85 |
xyY | 0.195, 0.155, 20.256 |
CIE-LCH | 52.125, 72.646, 293.347 |
CIE-LUV | 52.125, -15.828, -105.946 |
Hunter-Lab | 45.006, 22.329, -80.472 |
Binary | 01010101, 01110010, 11110000 |
Color Schemes with #5572f0
Alternatives to #5572f0
Below, you can see some colors close to #5572f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5572f0 Preview
This text has a font color of #5572f0.
<span style="color:#5572f0;">Text here</span>
This paragraph has a background color of #5572f0.
<p style="background-color:#5572f0;">Content here</p>
This element has a border color of #5572f0.
<div style="border:1px solid #5572f0;">Content here</div>
.text {color:#5572f0;}
.background {background-color:#5572f0;}
.border {border:1px solid #5572f0;}
Shades and Tints of #5572f0
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, #01030a is the darkest color, while #f7f9fe is the lightest one.
-
#01030a
#01030a
rgb(1,3,10)
-
#02071c
#02071c
rgb(2,7,28)
-
#040c2e
#040c2e
rgb(4,12,46)
-
#061140
#061140
rgb(6,17,64)
-
#071552
#071552
rgb(7,21,82)
-
#091a64
#091a64
rgb(9,26,100)
-
#0a1f76
#0a1f76
rgb(10,31,118)
-
#0c2388
#0c2388
rgb(12,35,136)
-
#0e289a
#0e289a
rgb(14,40,154)
-
#0f2dac
#0f2dac
rgb(15,45,172)
-
#1131be
#1131be
rgb(17,49,190)
-
#1236d1
#1236d1
rgb(18,54,209)
-
#143be3
#143be3
rgb(20,59,227)
-
#1f45eb
#1f45eb
rgb(31,69,235)
-
#3154ed
#3154ed
rgb(49,84,237)
-
#4363ee
#4363ee
rgb(67,99,238)
-
#5572f0
#5572f0
rgb(85,114,240)
-
#6781f2
#6781f2
rgb(103,129,242)
-
#7990f3
#7990f3
rgb(121,144,243)
-
#8b9ff5
#8b9ff5
rgb(139,159,245)
-
#9daef6
#9daef6
rgb(157,174,246)
-
#afbdf8
#afbdf8
rgb(175,189,248)
-
#c1ccfa
#c1ccfa
rgb(193,204,250)
-
#d3dbfb
#d3dbfb
rgb(211,219,251)
-
#e5eafd
#e5eafd
rgb(229,234,253)
-
#f7f9fe
#f7f9fe
rgb(247,249,254)
Tones of #5572f0
A tone is produced by adding gray to any pure hue. In this case, #9c9fa9 is the less saturated color, while #4769fe is the most saturated one.
-
#9c9fa9
#9c9fa9
rgb(156,159,169)
-
#959ab0
#959ab0
rgb(149,154,176)
-
#8e96b7
#8e96b7
rgb(142,150,183)
-
#8791be
#8791be
rgb(135,145,190)
-
#808dc5
#808dc5
rgb(128,141,197)
-
#7988cc
#7988cc
rgb(121,136,204)
-
#7184d4
#7184d4
rgb(113,132,212)
-
#6a7fdb
#6a7fdb
rgb(106,127,219)
-
#637be2
#637be2
rgb(99,123,226)
-
#5c76e9
#5c76e9
rgb(92,118,233)
-
#5572f0
#5572f0
rgb(85,114,240)
-
#4e6ef7
#4e6ef7
rgb(78,110,247)
-
#4769fe
#4769fe
rgb(71,105,254)
Color Blindness Simulator
Below, you can see how #5572f0 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.