#5686e6 Color Information
In a RGB color space, hex #5686e6 is composed of 33.7% red, 52.5% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 41.7% magenta, 0% yellow and 9.8% black. It has a hue angle of 220 degrees, a saturation of 74.2% and a lightness of 62%. #5686e6 color hex could be obtained by blending #acffff with #000dcd. Closest websafe color is: #6699ff.
-
- R 34
- G 53
- B 90
-
- C 63
- M 42
- Y 0
- K 10
● #5686e6 color description : Soft blue.
#5686e6 Color Conversion
The hexadecimal color #5686e6 has RGB values of R:86, G:134, B:230 and CMYK values of C:0.63, M:0.42, Y:0, K:0.1. Its decimal value is 5670630.
Hex triplet | 5686e6 | #5686e6 |
---|---|---|
RGB Decimal | 86, 134, 230 | rgb(86,134,230) |
RGB Percent | 33.7, 52.5, 90.2 | rgb(33.7%,52.5%,90.2%) |
CMYK | 63, 42, 0, 10 | |
HSL | 220°, 74.2, 62 | hsl(220,74.2%,62%) |
HSV (or HSB) | 220°, 62.6, 90.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 56.821, 13.342, -53.576 |
---|---|
XYZ | 26.643, 24.74, 78.23 |
xyY | 0.206, 0.191, 24.74 |
CIE-LCH | 56.821, 55.212, 283.984 |
CIE-LUV | 56.821, -21.666, -85.883 |
Hunter-Lab | 49.74, 8.568, -58.433 |
Binary | 01010110, 10000110, 11100110 |
Color Schemes with #5686e6
Alternatives to #5686e6
Below, you can see some colors close to #5686e6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5686e6 Preview
This text has a font color of #5686e6.
<span style="color:#5686e6;">Text here</span>
This paragraph has a background color of #5686e6.
<p style="background-color:#5686e6;">Content here</p>
This element has a border color of #5686e6.
<div style="border:1px solid #5686e6;">Content here</div>
.text {color:#5686e6;}
.background {background-color:#5686e6;}
.border {border:1px solid #5686e6;}
Shades and Tints of #5686e6
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, #000102 is the darkest color, while #f0f4fd is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#030813
#030813
rgb(3,8,19)
-
#051024
#051024
rgb(5,16,36)
-
#081735
#081735
rgb(8,23,53)
-
#0a1e46
#0a1e46
rgb(10,30,70)
-
#0d2657
#0d2657
rgb(13,38,87)
-
#0f2d68
#0f2d68
rgb(15,45,104)
-
#123479
#123479
rgb(18,52,121)
-
#143c8b
#143c8b
rgb(20,60,139)
-
#17439c
#17439c
rgb(23,67,156)
-
#1a4bad
#1a4bad
rgb(26,75,173)
-
#1c52be
#1c52be
rgb(28,82,190)
-
#1f59cf
#1f59cf
rgb(31,89,207)
-
#2361de
#2361de
rgb(35,97,222)
-
#346ee1
#346ee1
rgb(52,110,225)
-
#457ae3
#457ae3
rgb(69,122,227)
-
#5686e6
#5686e6
rgb(86,134,230)
-
#6792e9
#6792e9
rgb(103,146,233)
-
#789eeb
#789eeb
rgb(120,158,235)
-
#89abee
#89abee
rgb(137,171,238)
-
#9ab7f0
#9ab7f0
rgb(154,183,240)
-
#abc3f3
#abc3f3
rgb(171,195,243)
-
#bdcff5
#bdcff5
rgb(189,207,245)
-
#cedcf8
#cedcf8
rgb(206,220,248)
-
#dfe8fa
#dfe8fa
rgb(223,232,250)
-
#f0f4fd
#f0f4fd
rgb(240,244,253)
Tones of #5686e6
A tone is produced by adding gray to any pure hue. In this case, #999ca3 is the less saturated color, while #407ffc is the most saturated one.
-
#999ca3
#999ca3
rgb(153,156,163)
-
#929aaa
#929aaa
rgb(146,154,170)
-
#8a97b2
#8a97b2
rgb(138,151,178)
-
#8395b9
#8395b9
rgb(131,149,185)
-
#7b92c1
#7b92c1
rgb(123,146,193)
-
#7490c8
#7490c8
rgb(116,144,200)
-
#6c8dd0
#6c8dd0
rgb(108,141,208)
-
#658bd7
#658bd7
rgb(101,139,215)
-
#5d88df
#5d88df
rgb(93,136,223)
-
#5686e6
#5686e6
rgb(86,134,230)
-
#4f84ed
#4f84ed
rgb(79,132,237)
-
#4781f5
#4781f5
rgb(71,129,245)
-
#407ffc
#407ffc
rgb(64,127,252)
Color Blindness Simulator
Below, you can see how #5686e6 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.