#5688fd Color Information
In a RGB color space, hex #5688fd is composed of 33.7% red, 53.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 46.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 222 degrees, a saturation of 97.7% and a lightness of 66.5%. #5688fd color hex could be obtained by blending #acffff with #0011fb. Closest websafe color is: #6699ff.
-
- R 34
- G 53
- B 99
-
- C 66
- M 46
- Y 0
- K 1
● #5688fd color description : Soft blue.
#5688fd Color Conversion
The hexadecimal color #5688fd has RGB values of R:86, G:136, B:253 and CMYK values of C:0.66, M:0.46, Y:0, K:0.01. Its decimal value is 5671165.
Hex triplet | 5688fd | #5688fd |
---|---|---|
RGB Decimal | 86, 136, 253 | rgb(86,136,253) |
RGB Percent | 33.7, 53.3, 99.2 | rgb(33.7%,53.3%,99.2%) |
CMYK | 66, 46, 0, 1 | |
HSL | 222°, 97.7, 66.5 | hsl(222,97.7%,66.5%) |
HSV (or HSB) | 222°, 66, 99.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 58.674, 19.948, -63.344 |
---|---|
XYZ | 30.368, 26.677, 96.472 |
xyY | 0.198, 0.174, 26.677 |
CIE-LCH | 58.674, 66.411, 287.48 |
CIE-LUV | 58.674, -22.208, -102.856 |
Hunter-Lab | 51.649, 14.564, -74.588 |
Binary | 01010110, 10001000, 11111101 |
Color Schemes with #5688fd
Alternatives to #5688fd
Below, you can see some colors close to #5688fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5688fd Preview
This text has a font color of #5688fd.
<span style="color:#5688fd;">Text here</span>
This paragraph has a background color of #5688fd.
<p style="background-color:#5688fd;">Content here</p>
This element has a border color of #5688fd.
<div style="border:1px solid #5688fd;">Content here</div>
.text {color:#5688fd;}
.background {background-color:#5688fd;}
.border {border:1px solid #5688fd;}
Shades and Tints of #5688fd
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, #000205 is the darkest color, while #f1f5ff is the lightest one.
-
#000205
#000205
rgb(0,2,5)
-
#000819
#000819
rgb(0,8,25)
-
#010e2c
#010e2c
rgb(1,14,44)
-
#011440
#011440
rgb(1,20,64)
-
#011a53
#011a53
rgb(1,26,83)
-
#012066
#012066
rgb(1,32,102)
-
#01257a
#01257a
rgb(1,37,122)
-
#022b8d
#022b8d
rgb(2,43,141)
-
#0231a1
#0231a1
rgb(2,49,161)
-
#0237b4
#0237b4
rgb(2,55,180)
-
#023dc7
#023dc7
rgb(2,61,199)
-
#0343db
#0343db
rgb(3,67,219)
-
#0349ee
#0349ee
rgb(3,73,238)
-
#0851fc
#0851fc
rgb(8,81,252)
-
#1c5ffc
#1c5ffc
rgb(28,95,252)
-
#2f6dfd
#2f6dfd
rgb(47,109,253)
-
#437afd
#437afd
rgb(67,122,253)
-
#5688fd
#5688fd
rgb(86,136,253)
-
#6996fd
#6996fd
rgb(105,150,253)
-
#7da3fd
#7da3fd
rgb(125,163,253)
-
#90b1fe
#90b1fe
rgb(144,177,254)
-
#a4bffe
#a4bffe
rgb(164,191,254)
-
#b7ccfe
#b7ccfe
rgb(183,204,254)
-
#cadafe
#cadafe
rgb(202,218,254)
-
#dee8ff
#dee8ff
rgb(222,232,255)
-
#f1f5ff
#f1f5ff
rgb(241,245,255)
Tones of #5688fd
A tone is produced by adding gray to any pure hue. In this case, #a5a8ae is the less saturated color, while #5688fd is the most saturated one.
-
#a5a8ae
#a5a8ae
rgb(165,168,174)
-
#9ea5b5
#9ea5b5
rgb(158,165,181)
-
#98a2bb
#98a2bb
rgb(152,162,187)
-
#91a0c2
#91a0c2
rgb(145,160,194)
-
#8b9dc8
#8b9dc8
rgb(139,157,200)
-
#849acf
#849acf
rgb(132,154,207)
-
#7d98d6
#7d98d6
rgb(125,152,214)
-
#7795dc
#7795dc
rgb(119,149,220)
-
#7093e3
#7093e3
rgb(112,147,227)
-
#6a90e9
#6a90e9
rgb(106,144,233)
-
#638df0
#638df0
rgb(99,141,240)
-
#5d8bf6
#5d8bf6
rgb(93,139,246)
-
#5688fd
#5688fd
rgb(86,136,253)
Color Blindness Simulator
Below, you can see how #5688fd 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.