#5678df Color Information
In a RGB color space, hex #5678df is composed of 33.7% red, 47.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 46.2% magenta, 0% yellow and 12.5% black. It has a hue angle of 225.1 degrees, a saturation of 68.2% and a lightness of 60.6%. #5678df color hex could be obtained by blending #acf0ff with #0000bf. Closest websafe color is: #6666cc.
-
- R 34
- G 47
- B 87
-
- C 61
- M 46
- Y 0
- K 13
● #5678df color description : Soft blue.
#5678df Color Conversion
The hexadecimal color #5678df has RGB values of R:86, G:120, B:223 and CMYK values of C:0.61, M:0.46, Y:0, K:0.13. Its decimal value is 5667039.
Hex triplet | 5678df | #5678df |
---|---|---|
RGB Decimal | 86, 120, 223 | rgb(86,120,223) |
RGB Percent | 33.7, 47.1, 87.5 | rgb(33.7%,47.1%,87.5%) |
CMYK | 61, 46, 0, 13 | |
HSL | 225.1°, 68.2, 60.6 | hsl(225.1,68.2%,60.6%) |
HSV (or HSB) | 225.1°, 61.4, 87.5 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 52.661, 19.507, -56.306 |
---|---|
XYZ | 23.871, 20.738, 72.553 |
xyY | 0.204, 0.177, 20.738 |
CIE-LCH | 52.661, 59.589, 289.109 |
CIE-LUV | 52.661, -17.149, -89.398 |
Hunter-Lab | 45.539, 13.874, -62.584 |
Binary | 01010110, 01111000, 11011111 |
Color Schemes with #5678df
Alternatives to #5678df
Below, you can see some colors close to #5678df. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5678df Preview
This text has a font color of #5678df.
<span style="color:#5678df;">Text here</span>
This paragraph has a background color of #5678df.
<p style="background-color:#5678df;">Content here</p>
This element has a border color of #5678df.
<div style="border:1px solid #5678df;">Content here</div>
.text {color:#5678df;}
.background {background-color:#5678df;}
.border {border:1px solid #5678df;}
Shades and Tints of #5678df
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, #02050c is the darkest color, while #fbfcfe is the lightest one.
-
#02050c
#02050c
rgb(2,5,12)
-
#050b1d
#050b1d
rgb(5,11,29)
-
#09122d
#09122d
rgb(9,18,45)
-
#0c183e
#0c183e
rgb(12,24,62)
-
#0f1f4e
#0f1f4e
rgb(15,31,78)
-
#12255f
#12255f
rgb(18,37,95)
-
#152b6f
#152b6f
rgb(21,43,111)
-
#183280
#183280
rgb(24,50,128)
-
#1b3890
#1b3890
rgb(27,56,144)
-
#1e3fa1
#1e3fa1
rgb(30,63,161)
-
#2245b1
#2245b1
rgb(34,69,177)
-
#254cc2
#254cc2
rgb(37,76,194)
-
#2852d2
#2852d2
rgb(40,82,210)
-
#355ed9
#355ed9
rgb(53,94,217)
-
#466bdc
#466bdc
rgb(70,107,220)
-
#5678df
#5678df
rgb(86,120,223)
-
#6685e2
#6685e2
rgb(102,133,226)
-
#7792e5
#7792e5
rgb(119,146,229)
-
#87a0e8
#87a0e8
rgb(135,160,232)
-
#98adeb
#98adeb
rgb(152,173,235)
-
#a8baef
#a8baef
rgb(168,186,239)
-
#b9c7f2
#b9c7f2
rgb(185,199,242)
-
#c9d4f5
#c9d4f5
rgb(201,212,245)
-
#dae1f8
#dae1f8
rgb(218,225,248)
-
#eaeffb
#eaeffb
rgb(234,239,251)
-
#fbfcfe
#fbfcfe
rgb(251,252,254)
Tones of #5678df
A tone is produced by adding gray to any pure hue. In this case, #9497a1 is the less saturated color, while #3768fe is the most saturated one.
-
#9497a1
#9497a1
rgb(148,151,161)
-
#8c93a9
#8c93a9
rgb(140,147,169)
-
#848fb1
#848fb1
rgb(132,143,177)
-
#7d8bb8
#7d8bb8
rgb(125,139,184)
-
#7588c0
#7588c0
rgb(117,136,192)
-
#6d84c8
#6d84c8
rgb(109,132,200)
-
#6580d0
#6580d0
rgb(101,128,208)
-
#5e7cd7
#5e7cd7
rgb(94,124,215)
-
#5678df
#5678df
rgb(86,120,223)
-
#4e74e7
#4e74e7
rgb(78,116,231)
-
#4770ee
#4770ee
rgb(71,112,238)
-
#3f6cf6
#3f6cf6
rgb(63,108,246)
-
#3768fe
#3768fe
rgb(55,104,254)
Color Blindness Simulator
Below, you can see how #5678df 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.