#568cd5 Color Information
In a RGB color space, hex #568cd5 is composed of 33.7% red, 54.9% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 34.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 214.5 degrees, a saturation of 60.2% and a lightness of 58.6%. #568cd5 color hex could be obtained by blending #acffff with #0019ab. Closest websafe color is: #6699cc.
-
- R 34
- G 55
- B 84
-
- C 60
- M 34
- Y 0
- K 16
● #568cd5 color description : Moderate blue.
#568cd5 Color Conversion
The hexadecimal color #568cd5 has RGB values of R:86, G:140, B:213 and CMYK values of C:0.6, M:0.34, Y:0, K:0.16. Its decimal value is 5672149.
Hex triplet | 568cd5 | #568cd5 |
---|---|---|
RGB Decimal | 86, 140, 213 | rgb(86,140,213) |
RGB Percent | 33.7, 54.9, 83.5 | rgb(33.7%,54.9%,83.5%) |
CMYK | 60, 34, 0, 16 | |
HSL | 214.5°, 60.2, 58.6 | hsl(214.5,60.2%,58.6%) |
HSV (or HSB) | 214.5°, 59.6, 83.5 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 57.595, 4.09, -42.84 |
---|---|
XYZ | 25.223, 25.537, 66.547 |
xyY | 0.215, 0.218, 25.537 |
CIE-LCH | 57.595, 43.035, 275.454 |
CIE-LUV | 57.595, -23.866, -67.589 |
Hunter-Lab | 50.534, 0.66, -42.703 |
Binary | 01010110, 10001100, 11010101 |
Color Schemes with #568cd5
Alternatives to #568cd5
Below, you can see some colors close to #568cd5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#568cd5 Preview
This text has a font color of #568cd5.
<span style="color:#568cd5;">Text here</span>
This paragraph has a background color of #568cd5.
<p style="background-color:#568cd5;">Content here</p>
This element has a border color of #568cd5.
<div style="border:1px solid #568cd5;">Content here</div>
.text {color:#568cd5;}
.background {background-color:#568cd5;}
.border {border:1px solid #568cd5;}
Shades and Tints of #568cd5
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, #010204 is the darkest color, while #f3f7fc is the lightest one.
-
#010204
#010204
rgb(1,2,4)
-
#050b14
#050b14
rgb(5,11,20)
-
#091423
#091423
rgb(9,20,35)
-
#0d1d33
#0d1d33
rgb(13,29,51)
-
#112643
#112643
rgb(17,38,67)
-
#142f52
#142f52
rgb(20,47,82)
-
#183862
#183862
rgb(24,56,98)
-
#1c4172
#1c4172
rgb(28,65,114)
-
#204a82
#204a82
rgb(32,74,130)
-
#245291
#245291
rgb(36,82,145)
-
#285ba1
#285ba1
rgb(40,91,161)
-
#2c64b1
#2c64b1
rgb(44,100,177)
-
#306dc0
#306dc0
rgb(48,109,192)
-
#3777cd
#3777cd
rgb(55,119,205)
-
#4681d1
#4681d1
rgb(70,129,209)
-
#568cd5
#568cd5
rgb(86,140,213)
-
#6697d9
#6697d9
rgb(102,151,217)
-
#75a1dd
#75a1dd
rgb(117,161,221)
-
#85ace1
#85ace1
rgb(133,172,225)
-
#95b7e5
#95b7e5
rgb(149,183,229)
-
#a5c1e9
#a5c1e9
rgb(165,193,233)
-
#b4ccec
#b4ccec
rgb(180,204,236)
-
#c4d7f0
#c4d7f0
rgb(196,215,240)
-
#d4e2f4
#d4e2f4
rgb(212,226,244)
-
#e3ecf8
#e3ecf8
rgb(227,236,248)
-
#f3f7fc
#f3f7fc
rgb(243,247,252)
Tones of #568cd5
A tone is produced by adding gray to any pure hue. In this case, #8f949c is the less saturated color, while #2d86fe is the most saturated one.
-
#8f949c
#8f949c
rgb(143,148,156)
-
#8793a4
#8793a4
rgb(135,147,164)
-
#7f92ac
#7f92ac
rgb(127,146,172)
-
#7691b5
#7691b5
rgb(118,145,181)
-
#6e90bd
#6e90bd
rgb(110,144,189)
-
#668ec5
#668ec5
rgb(102,142,197)
-
#5e8dcd
#5e8dcd
rgb(94,141,205)
-
#568cd5
#568cd5
rgb(86,140,213)
-
#4e8bdd
#4e8bdd
rgb(78,139,221)
-
#468ae5
#468ae5
rgb(70,138,229)
-
#3e88ed
#3e88ed
rgb(62,136,237)
-
#3687f5
#3687f5
rgb(54,135,245)
-
#2d86fe
#2d86fe
rgb(45,134,254)
Color Blindness Simulator
Below, you can see how #568cd5 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.