#5686ec Color Information
In a RGB color space, hex #5686ec is composed of 33.7% red, 52.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 43.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 220.8 degrees, a saturation of 79.8% and a lightness of 63.1%. #5686ec color hex could be obtained by blending #acffff with #000dd9. Closest websafe color is: #6699ff.
-
- R 34
- G 53
- B 93
-
- C 64
- M 43
- Y 0
- K 7
● #5686ec color description : Soft blue.
#5686ec Color Conversion
The hexadecimal color #5686ec has RGB values of R:86, G:134, B:236 and CMYK values of C:0.64, M:0.43, Y:0, K:0.07. Its decimal value is 5670636.
Hex triplet | 5686ec | #5686ec |
---|---|---|
RGB Decimal | 86, 134, 236 | rgb(86,134,236) |
RGB Percent | 33.7, 52.5, 92.5 | rgb(33.7%,52.5%,92.5%) |
CMYK | 64, 43, 0, 7 | |
HSL | 220.8°, 79.8, 63.1 | hsl(220.8,79.8%,63.1%) |
HSV (or HSB) | 220.8°, 63.6, 92.5 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 57.156, 15.371, -56.38 |
---|---|
XYZ | 27.5, 25.083, 82.745 |
xyY | 0.203, 0.185, 25.083 |
CIE-LCH | 57.156, 58.438, 285.25 |
CIE-LUV | 57.156, -21.64, -90.714 |
Hunter-Lab | 50.083, 10.367, -62.898 |
Binary | 01010110, 10000110, 11101100 |
Color Schemes with #5686ec
Alternatives to #5686ec
Below, you can see some colors close to #5686ec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5686ec Preview
This text has a font color of #5686ec.
<span style="color:#5686ec;">Text here</span>
This paragraph has a background color of #5686ec.
<p style="background-color:#5686ec;">Content here</p>
This element has a border color of #5686ec.
<div style="border:1px solid #5686ec;">Content here</div>
.text {color:#5686ec;}
.background {background-color:#5686ec;}
.border {border:1px solid #5686ec;}
Shades and Tints of #5686ec
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, #010307 is the darkest color, while #f5f8fe is the lightest one.
-
#010307
#010307
rgb(1,3,7)
-
#030a19
#030a19
rgb(3,10,25)
-
#05112b
#05112b
rgb(5,17,43)
-
#07183c
#07183c
rgb(7,24,60)
-
#091f4e
#091f4e
rgb(9,31,78)
-
#0b265f
#0b265f
rgb(11,38,95)
-
#0d2d71
#0d2d71
rgb(13,45,113)
-
#0f3483
#0f3483
rgb(15,52,131)
-
#113b94
#113b94
rgb(17,59,148)
-
#1342a6
#1342a6
rgb(19,66,166)
-
#1549b8
#1549b8
rgb(21,73,184)
-
#1750c9
#1750c9
rgb(23,80,201)
-
#1957db
#1957db
rgb(25,87,219)
-
#2160e6
#2160e6
rgb(33,96,230)
-
#336de8
#336de8
rgb(51,109,232)
-
#4479ea
#4479ea
rgb(68,121,234)
-
#5686ec
#5686ec
rgb(86,134,236)
-
#6893ee
#6893ee
rgb(104,147,238)
-
#799ff0
#799ff0
rgb(121,159,240)
-
#8bacf2
#8bacf2
rgb(139,172,242)
-
#9db8f4
#9db8f4
rgb(157,184,244)
-
#aec5f6
#aec5f6
rgb(174,197,246)
-
#c0d2f8
#c0d2f8
rgb(192,210,248)
-
#d1defa
#d1defa
rgb(209,222,250)
-
#e3ebfc
#e3ebfc
rgb(227,235,252)
-
#f5f8fe
#f5f8fe
rgb(245,248,254)
Tones of #5686ec
A tone is produced by adding gray to any pure hue. In this case, #9ea0a4 is the less saturated color, while #4881fa is the most saturated one.
-
#9ea0a4
#9ea0a4
rgb(158,160,164)
-
#979dab
#979dab
rgb(151,157,171)
-
#909bb2
#909bb2
rgb(144,155,178)
-
#8998b9
#8998b9
rgb(137,152,185)
-
#8196c1
#8196c1
rgb(129,150,193)
-
#7a93c8
#7a93c8
rgb(122,147,200)
-
#7390cf
#7390cf
rgb(115,144,207)
-
#6c8ed6
#6c8ed6
rgb(108,142,214)
-
#648bde
#648bde
rgb(100,139,222)
-
#5d89e5
#5d89e5
rgb(93,137,229)
-
#5686ec
#5686ec
rgb(86,134,236)
-
#4f83f3
#4f83f3
rgb(79,131,243)
-
#4881fa
#4881fa
rgb(72,129,250)
Color Blindness Simulator
Below, you can see how #5686ec 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.