#5678e4 Color Information
In a RGB color space, hex #5678e4 is composed of 33.7% red, 47.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 47.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 225.6 degrees, a saturation of 72.4% and a lightness of 61.6%. #5678e4 color hex could be obtained by blending #acf0ff with #0000c9. Closest websafe color is: #6666cc.
-
- R 34
- G 47
- B 89
-
- C 62
- M 47
- Y 0
- K 11
● #5678e4 color description : Soft blue.
#5678e4 Color Conversion
The hexadecimal color #5678e4 has RGB values of R:86, G:120, B:228 and CMYK values of C:0.62, M:0.47, Y:0, K:0.11. Its decimal value is 5667044.
Hex triplet | 5678e4 | #5678e4 |
---|---|---|
RGB Decimal | 86, 120, 228 | rgb(86,120,228) |
RGB Percent | 33.7, 47.1, 89.4 | rgb(33.7%,47.1%,89.4%) |
CMYK | 62, 47, 0, 11 | |
HSL | 225.6°, 72.4, 61.6 | hsl(225.6,72.4%,61.6%) |
HSV (or HSB) | 225.6°, 62.3, 89.4 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 52.962, 21.196, -58.633 |
---|---|
XYZ | 24.555, 21.011, 76.156 |
xyY | 0.202, 0.173, 21.011 |
CIE-LCH | 52.962, 62.346, 289.875 |
CIE-LUV | 52.962, -17.197, -93.308 |
Hunter-Lab | 45.838, 15.403, -66.418 |
Binary | 01010110, 01111000, 11100100 |
Color Schemes with #5678e4
Alternatives to #5678e4
Below, you can see some colors close to #5678e4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5678e4 Preview
This text has a font color of #5678e4.
<span style="color:#5678e4;">Text here</span>
This paragraph has a background color of #5678e4.
<p style="background-color:#5678e4;">Content here</p>
This element has a border color of #5678e4.
<div style="border:1px solid #5678e4;">Content here</div>
.text {color:#5678e4;}
.background {background-color:#5678e4;}
.border {border:1px solid #5678e4;}
Shades and Tints of #5678e4
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, #000000 is the darkest color, while #eef2fc is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#030611
#030611
rgb(3,6,17)
-
#050c22
#050c22
rgb(5,12,34)
-
#081233
#081233
rgb(8,18,51)
-
#0b1844
#0b1844
rgb(11,24,68)
-
#0e1f55
#0e1f55
rgb(14,31,85)
-
#102566
#102566
rgb(16,37,102)
-
#132b77
#132b77
rgb(19,43,119)
-
#163187
#163187
rgb(22,49,135)
-
#183798
#183798
rgb(24,55,152)
-
#1b3da9
#1b3da9
rgb(27,61,169)
-
#1e43ba
#1e43ba
rgb(30,67,186)
-
#2049cb
#2049cb
rgb(32,73,203)
-
#234fdc
#234fdc
rgb(35,79,220)
-
#345ddf
#345ddf
rgb(52,93,223)
-
#456ae1
#456ae1
rgb(69,106,225)
-
#5678e4
#5678e4
rgb(86,120,228)
-
#6786e7
#6786e7
rgb(103,134,231)
-
#7893e9
#7893e9
rgb(120,147,233)
-
#89a1ec
#89a1ec
rgb(137,161,236)
-
#9aaeef
#9aaeef
rgb(154,174,239)
-
#abbcf2
#abbcf2
rgb(171,188,242)
-
#bbc9f4
#bbc9f4
rgb(187,201,244)
-
#ccd7f7
#ccd7f7
rgb(204,215,247)
-
#dde4fa
#dde4fa
rgb(221,228,250)
-
#eef2fc
#eef2fc
rgb(238,242,252)
Tones of #5678e4
A tone is produced by adding gray to any pure hue. In this case, #9a9ba0 is the less saturated color, while #3f6cfb is the most saturated one.
-
#9a9ba0
#9a9ba0
rgb(154,155,160)
-
#9297a8
#9297a8
rgb(146,151,168)
-
#8b93af
#8b93af
rgb(139,147,175)
-
#8390b7
#8390b7
rgb(131,144,183)
-
#7c8cbe
#7c8cbe
rgb(124,140,190)
-
#7488c6
#7488c6
rgb(116,136,198)
-
#6d84cd
#6d84cd
rgb(109,132,205)
-
#6580d5
#6580d5
rgb(101,128,213)
-
#5e7cdc
#5e7cdc
rgb(94,124,220)
-
#5678e4
#5678e4
rgb(86,120,228)
-
#4e74ec
#4e74ec
rgb(78,116,236)
-
#4770f3
#4770f3
rgb(71,112,243)
-
#3f6cfb
#3f6cfb
rgb(63,108,251)
Color Blindness Simulator
Below, you can see how #5678e4 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.