#5978e2 Color Information
In a RGB color space, hex #5978e2 is composed of 34.9% red, 47.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 46.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 226.4 degrees, a saturation of 70.3% and a lightness of 61.8%. #5978e2 color hex could be obtained by blending #b2f0ff with #0000c5. Closest websafe color is: #6666cc.
-
- R 35
- G 47
- B 89
-
- C 61
- M 47
- Y 0
- K 11
● #5978e2 color description : Soft blue.
#5978e2 Color Conversion
The hexadecimal color #5978e2 has RGB values of R:89, G:120, B:226 and CMYK values of C:0.61, M:0.47, Y:0, K:0.11. Its decimal value is 5863650.
Hex triplet | 5978e2 | #5978e2 |
---|---|---|
RGB Decimal | 89, 120, 226 | rgb(89,120,226) |
RGB Percent | 34.9, 47.1, 88.6 | rgb(34.9%,47.1%,88.6%) |
CMYK | 61, 47, 0, 11 | |
HSL | 226.4°, 70.3, 61.8 | hsl(226.4,70.3%,61.8%) |
HSV (or HSB) | 226.4°, 60.6, 88.6 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 53, 21.057, -57.44 |
---|---|
XYZ | 24.561, 21.046, 74.715 |
xyY | 0.204, 0.175, 21.046 |
CIE-LCH | 53, 61.178, 290.133 |
CIE-LUV | 53, -16.38, -91.451 |
Hunter-Lab | 45.876, 15.28, -64.448 |
Binary | 01011001, 01111000, 11100010 |
Color Schemes with #5978e2
Alternatives to #5978e2
Below, you can see some colors close to #5978e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5978e2 Preview
This text has a font color of #5978e2.
<span style="color:#5978e2;">Text here</span>
This paragraph has a background color of #5978e2.
<p style="background-color:#5978e2;">Content here</p>
This element has a border color of #5978e2.
<div style="border:1px solid #5978e2;">Content here</div>
.text {color:#5978e2;}
.background {background-color:#5978e2;}
.border {border:1px solid #5978e2;}
Shades and Tints of #5978e2
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 #eff2fc is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#030612
#030612
rgb(3,6,18)
-
#060c22
#060c22
rgb(6,12,34)
-
#091233
#091233
rgb(9,18,51)
-
#0c1844
#0c1844
rgb(12,24,68)
-
#0f1f54
#0f1f54
rgb(15,31,84)
-
#122565
#122565
rgb(18,37,101)
-
#152b76
#152b76
rgb(21,43,118)
-
#183187
#183187
rgb(24,49,135)
-
#1a3797
#1a3797
rgb(26,55,151)
-
#1d3da8
#1d3da8
rgb(29,61,168)
-
#2043b9
#2043b9
rgb(32,67,185)
-
#2349c9
#2349c9
rgb(35,73,201)
-
#274fd9
#274fd9
rgb(39,79,217)
-
#385ddc
#385ddc
rgb(56,93,220)
-
#486adf
#486adf
rgb(72,106,223)
-
#5978e2
#5978e2
rgb(89,120,226)
-
#6a86e5
#6a86e5
rgb(106,134,229)
-
#7a93e8
#7a93e8
rgb(122,147,232)
-
#8ba1eb
#8ba1eb
rgb(139,161,235)
-
#9caeee
#9caeee
rgb(156,174,238)
-
#acbcf1
#acbcf1
rgb(172,188,241)
-
#bdc9f4
#bdc9f4
rgb(189,201,244)
-
#ced7f6
#ced7f6
rgb(206,215,246)
-
#dfe5f9
#dfe5f9
rgb(223,229,249)
-
#eff2fc
#eff2fc
rgb(239,242,252)
Tones of #5978e2
A tone is produced by adding gray to any pure hue. In this case, #9d9d9f is the less saturated color, while #436cf9 is the most saturated one.
-
#9d9d9f
#9d9d9f
rgb(157,157,159)
-
#9599a6
#9599a6
rgb(149,153,166)
-
#8e95ae
#8e95ae
rgb(142,149,174)
-
#8691b5
#8691b5
rgb(134,145,181)
-
#7f8dbd
#7f8dbd
rgb(127,141,189)
-
#7788c4
#7788c4
rgb(119,136,196)
-
#7084cc
#7084cc
rgb(112,132,204)
-
#6880d3
#6880d3
rgb(104,128,211)
-
#617cdb
#617cdb
rgb(97,124,219)
-
#5978e2
#5978e2
rgb(89,120,226)
-
#5274ea
#5274ea
rgb(82,116,234)
-
#4a70f1
#4a70f1
rgb(74,112,241)
-
#436cf9
#436cf9
rgb(67,108,249)
Color Blindness Simulator
Below, you can see how #5978e2 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.