#568ed7 Color Information
In a RGB color space, hex #568ed7 is composed of 33.7% red, 55.7% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 34% magenta, 0% yellow and 15.7% black. It has a hue angle of 214 degrees, a saturation of 61.7% and a lightness of 59%. #568ed7 color hex could be obtained by blending #acffff with #001daf. Closest websafe color is: #6699cc.
-
- R 34
- G 56
- B 84
-
- C 60
- M 34
- Y 0
- K 16
● #568ed7 color description : Moderate blue.
#568ed7 Color Conversion
The hexadecimal color #568ed7 has RGB values of R:86, G:142, B:215 and CMYK values of C:0.6, M:0.34, Y:0, K:0.16. Its decimal value is 5672663.
Hex triplet | 568ed7 | #568ed7 |
---|---|---|
RGB Decimal | 86, 142, 215 | rgb(86,142,215) |
RGB Percent | 33.7, 55.7, 84.3 | rgb(33.7%,55.7%,84.3%) |
CMYK | 60, 34, 0, 16 | |
HSL | 214°, 61.7, 59 | hsl(214,61.7%,59%) |
HSV (or HSB) | 214°, 60, 84.3 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.254, 3.571, -42.922 |
---|---|
XYZ | 25.774, 26.229, 67.991 |
xyY | 0.215, 0.219, 26.229 |
CIE-LCH | 58.254, 43.071, 274.755 |
CIE-LUV | 58.254, -24.542, -67.805 |
Hunter-Lab | 51.214, 0.205, -42.862 |
Binary | 01010110, 10001110, 11010111 |
Color Schemes with #568ed7
Alternatives to #568ed7
Below, you can see some colors close to #568ed7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#568ed7 Preview
This text has a font color of #568ed7.
<span style="color:#568ed7;">Text here</span>
This paragraph has a background color of #568ed7.
<p style="background-color:#568ed7;">Content here</p>
This element has a border color of #568ed7.
<div style="border:1px solid #568ed7;">Content here</div>
.text {color:#568ed7;}
.background {background-color:#568ed7;}
.border {border:1px solid #568ed7;}
Shades and Tints of #568ed7
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, #010305 is the darkest color, while #f5f8fd is the lightest one.
-
#010305
#010305
rgb(1,3,5)
-
#050c15
#050c15
rgb(5,12,21)
-
#091525
#091525
rgb(9,21,37)
-
#0d1e35
#0d1e35
rgb(13,30,53)
-
#102745
#102745
rgb(16,39,69)
-
#143055
#143055
rgb(20,48,85)
-
#183965
#183965
rgb(24,57,101)
-
#1c4275
#1c4275
rgb(28,66,117)
-
#1f4b84
#1f4b84
rgb(31,75,132)
-
#235494
#235494
rgb(35,84,148)
-
#275da4
#275da4
rgb(39,93,164)
-
#2b66b4
#2b66b4
rgb(43,102,180)
-
#2e6fc4
#2e6fc4
rgb(46,111,196)
-
#3679cf
#3679cf
rgb(54,121,207)
-
#4683d3
#4683d3
rgb(70,131,211)
-
#568ed7
#568ed7
rgb(86,142,215)
-
#6699db
#6699db
rgb(102,153,219)
-
#76a3df
#76a3df
rgb(118,163,223)
-
#86aee2
#86aee2
rgb(134,174,226)
-
#95b8e6
#95b8e6
rgb(149,184,230)
-
#a5c3ea
#a5c3ea
rgb(165,195,234)
-
#b5ceee
#b5ceee
rgb(181,206,238)
-
#c5d8f1
#c5d8f1
rgb(197,216,241)
-
#d5e3f5
#d5e3f5
rgb(213,227,245)
-
#e5edf9
#e5edf9
rgb(229,237,249)
-
#f5f8fd
#f5f8fd
rgb(245,248,253)
Tones of #568ed7
A tone is produced by adding gray to any pure hue. In this case, #969697 is the less saturated color, while #368af7 is the most saturated one.
-
#969697
#969697
rgb(150,150,151)
-
#8e959f
#8e959f
rgb(142,149,159)
-
#8694a7
#8694a7
rgb(134,148,167)
-
#7e93af
#7e93af
rgb(126,147,175)
-
#7692b7
#7692b7
rgb(118,146,183)
-
#6e91bf
#6e91bf
rgb(110,145,191)
-
#6690c7
#6690c7
rgb(102,144,199)
-
#5e8fcf
#5e8fcf
rgb(94,143,207)
-
#568ed7
#568ed7
rgb(86,142,215)
-
#4e8ddf
#4e8ddf
rgb(78,141,223)
-
#468ce7
#468ce7
rgb(70,140,231)
-
#3e8bef
#3e8bef
rgb(62,139,239)
-
#368af7
#368af7
rgb(54,138,247)
Color Blindness Simulator
Below, you can see how #568ed7 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.