#5686b5 Color Information
In a RGB color space, hex #5686b5 is composed of 33.7% red, 52.5% green and 71% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 26% magenta, 0% yellow and 29% black. It has a hue angle of 209.7 degrees, a saturation of 39.1% and a lightness of 52.4%. #5686b5 color hex could be obtained by blending #acffff with #000d6b. Closest websafe color is: #6699cc.
-
- R 34
- G 53
- B 71
-
- C 52
- M 26
- Y 0
- K 29
● #5686b5 color description : Moderate blue.
#5686b5 Color Conversion
The hexadecimal color #5686b5 has RGB values of R:86, G:134, B:181 and CMYK values of C:0.52, M:0.26, Y:0, K:0.29. Its decimal value is 5670581.
Hex triplet | 5686b5 | #5686b5 |
---|---|---|
RGB Decimal | 86, 134, 181 | rgb(86,134,181) |
RGB Percent | 33.7, 52.5, 71 | rgb(33.7%,52.5%,71%) |
CMYK | 52, 26, 0, 29 | |
HSL | 209.7°, 39.1, 52.4 | hsl(209.7,39.1%,52.4%) |
HSV (or HSB) | 209.7°, 52.5, 71 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 54.411, -2.663, -29.687 |
---|---|
XYZ | 20.701, 22.364, 46.939 |
xyY | 0.23, 0.248, 22.364 |
CIE-LCH | 54.411, 29.807, 264.874 |
CIE-LUV | 54.411, -22.083, -44.802 |
Hunter-Lab | 47.29, -4.619, -25.747 |
Binary | 01010110, 10000110, 10110101 |
Color Schemes with #5686b5
Alternatives to #5686b5
Below, you can see some colors close to #5686b5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5686b5 Preview
This text has a font color of #5686b5.
<span style="color:#5686b5;">Text here</span>
This paragraph has a background color of #5686b5.
<p style="background-color:#5686b5;">Content here</p>
This element has a border color of #5686b5.
<div style="border:1px solid #5686b5;">Content here</div>
.text {color:#5686b5;}
.background {background-color:#5686b5;}
.border {border:1px solid #5686b5;}
Shades and Tints of #5686b5
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, #040608 is the darkest color, while #fafbfd is the lightest one.
-
#040608
#040608
rgb(4,6,8)
-
#0a1016
#0a1016
rgb(10,16,22)
-
#101a24
#101a24
rgb(16,26,36)
-
#162431
#162431
rgb(22,36,49)
-
#1c2d3f
#1c2d3f
rgb(28,45,63)
-
#22374d
#22374d
rgb(34,55,77)
-
#27415a
#27415a
rgb(39,65,90)
-
#2d4b68
#2d4b68
rgb(45,75,104)
-
#335575
#335575
rgb(51,85,117)
-
#395f83
#395f83
rgb(57,95,131)
-
#3f6991
#3f6991
rgb(63,105,145)
-
#45729e
#45729e
rgb(69,114,158)
-
#4b7cac
#4b7cac
rgb(75,124,172)
-
#5686b5
#5686b5
rgb(86,134,181)
-
#6490bb
#6490bb
rgb(100,144,187)
-
#719ac1
#719ac1
rgb(113,154,193)
-
#7fa3c7
#7fa3c7
rgb(127,163,199)
-
#8dadcd
#8dadcd
rgb(141,173,205)
-
#9ab7d3
#9ab7d3
rgb(154,183,211)
-
#a8c1d9
#a8c1d9
rgb(168,193,217)
-
#b5cadf
#b5cadf
rgb(181,202,223)
-
#c3d4e5
#c3d4e5
rgb(195,212,229)
-
#d1deeb
#d1deeb
rgb(209,222,235)
-
#dee8f1
#dee8f1
rgb(222,232,241)
-
#ecf1f7
#ecf1f7
rgb(236,241,247)
-
#fafbfd
#fafbfd
rgb(250,251,253)
Tones of #5686b5
A tone is produced by adding gray to any pure hue. In this case, #858686 is the less saturated color, while #1587f6 is the most saturated one.
-
#858686
#858686
rgb(133,134,134)
-
#7b8690
#7b8690
rgb(123,134,144)
-
#728699
#728699
rgb(114,134,153)
-
#6986a2
#6986a2
rgb(105,134,162)
-
#5f86ac
#5f86ac
rgb(95,134,172)
-
#5686b5
#5686b5
rgb(86,134,181)
-
#4d86be
#4d86be
rgb(77,134,190)
-
#4386c8
#4386c8
rgb(67,134,200)
-
#3a86d1
#3a86d1
rgb(58,134,209)
-
#3186da
#3186da
rgb(49,134,218)
-
#2786e4
#2786e4
rgb(39,134,228)
-
#1e87ed
#1e87ed
rgb(30,135,237)
-
#1587f6
#1587f6
rgb(21,135,246)
Color Blindness Simulator
Below, you can see how #5686b5 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.