#5686fc Color Information
In a RGB color space, hex #5686fc is composed of 33.7% red, 52.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 46.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 222.7 degrees, a saturation of 96.5% and a lightness of 66.3%. #5686fc color hex could be obtained by blending #acffff with #000df9. Closest websafe color is: #6699ff.
-
- R 34
- G 53
- B 99
-
- C 66
- M 47
- Y 0
- K 1
● #5686fc color description : Soft blue.
#5686fc Color Conversion
The hexadecimal color #5686fc has RGB values of R:86, G:134, B:252 and CMYK values of C:0.66, M:0.47, Y:0, K:0.01. Its decimal value is 5670652.
Hex triplet | 5686fc | #5686fc |
---|---|---|
RGB Decimal | 86, 134, 252 | rgb(86,134,252) |
RGB Percent | 33.7, 52.5, 98.8 | rgb(33.7%,52.5%,98.8%) |
CMYK | 66, 47, 0, 1 | |
HSL | 222.7°, 96.5, 66.3 | hsl(222.7,96.5%,66.3%) |
HSV (or HSB) | 222.7°, 65.9, 98.8 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 58.089, 20.816, -63.733 |
---|---|
XYZ | 29.93, 26.055, 95.542 |
xyY | 0.198, 0.172, 26.055 |
CIE-LCH | 58.089, 67.047, 288.088 |
CIE-LUV | 58.089, -21.595, -103.335 |
Hunter-Lab | 51.044, 15.336, -75.245 |
Binary | 01010110, 10000110, 11111100 |
Color Schemes with #5686fc
Alternatives to #5686fc
Below, you can see some colors close to #5686fc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5686fc Preview
This text has a font color of #5686fc.
<span style="color:#5686fc;">Text here</span>
This paragraph has a background color of #5686fc.
<p style="background-color:#5686fc;">Content here</p>
This element has a border color of #5686fc.
<div style="border:1px solid #5686fc;">Content here</div>
.text {color:#5686fc;}
.background {background-color:#5686fc;}
.border {border:1px solid #5686fc;}
Shades and Tints of #5686fc
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, #000104 is the darkest color, while #f0f4ff is the lightest one.
-
#000104
#000104
rgb(0,1,4)
-
#000718
#000718
rgb(0,7,24)
-
#010d2b
#010d2b
rgb(1,13,43)
-
#01133e
#01133e
rgb(1,19,62)
-
#011952
#011952
rgb(1,25,82)
-
#021e65
#021e65
rgb(2,30,101)
-
#022478
#022478
rgb(2,36,120)
-
#022a8b
#022a8b
rgb(2,42,139)
-
#03309f
#03309f
rgb(3,48,159)
-
#0336b2
#0336b2
rgb(3,54,178)
-
#043cc5
#043cc5
rgb(4,60,197)
-
#0441d8
#0441d8
rgb(4,65,216)
-
#0447ec
#0447ec
rgb(4,71,236)
-
#094ffb
#094ffb
rgb(9,79,251)
-
#1c5dfb
#1c5dfb
rgb(28,93,251)
-
#2f6afb
#2f6afb
rgb(47,106,251)
-
#4378fc
#4378fc
rgb(67,120,252)
-
#5686fc
#5686fc
rgb(86,134,252)
-
#6994fc
#6994fc
rgb(105,148,252)
-
#7da2fd
#7da2fd
rgb(125,162,253)
-
#90affd
#90affd
rgb(144,175,253)
-
#a3bdfd
#a3bdfd
rgb(163,189,253)
-
#b6cbfe
#b6cbfe
rgb(182,203,254)
-
#cad9fe
#cad9fe
rgb(202,217,254)
-
#dde7fe
#dde7fe
rgb(221,231,254)
-
#f0f4ff
#f0f4ff
rgb(240,244,255)
Tones of #5686fc
A tone is produced by adding gray to any pure hue. In this case, #a5a7ad is the less saturated color, while #5686fc is the most saturated one.
-
#a5a7ad
#a5a7ad
rgb(165,167,173)
-
#9fa5b3
#9fa5b3
rgb(159,165,179)
-
#98a2ba
#98a2ba
rgb(152,162,186)
-
#929fc0
#929fc0
rgb(146,159,192)
-
#8b9cc7
#8b9cc7
rgb(139,156,199)
-
#849ace
#849ace
rgb(132,154,206)
-
#7e97d4
#7e97d4
rgb(126,151,212)
-
#7794db
#7794db
rgb(119,148,219)
-
#7091e2
#7091e2
rgb(112,145,226)
-
#6a8ee8
#6a8ee8
rgb(106,142,232)
-
#638cef
#638cef
rgb(99,140,239)
-
#5d89f5
#5d89f5
rgb(93,137,245)
-
#5686fc
#5686fc
rgb(86,134,252)
Color Blindness Simulator
Below, you can see how #5686fc 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.