#5686d4 Color Information
In a RGB color space, hex #5686d4 is composed of 33.7% red, 52.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 36.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 217.1 degrees, a saturation of 59.4% and a lightness of 58.4%. #5686d4 color hex could be obtained by blending #acffff with #000da9. Closest websafe color is: #6699cc.
-
- R 34
- G 53
- B 83
-
- C 59
- M 37
- Y 0
- K 17
● #5686d4 color description : Moderate blue.
#5686d4 Color Conversion
The hexadecimal color #5686d4 has RGB values of R:86, G:134, B:212 and CMYK values of C:0.59, M:0.37, Y:0, K:0.17. Its decimal value is 5670612.
Hex triplet | 5686d4 | #5686d4 |
---|---|---|
RGB Decimal | 86, 134, 212 | rgb(86,134,212) |
RGB Percent | 33.7, 52.5, 83.1 | rgb(33.7%,52.5%,83.1%) |
CMYK | 59, 37, 0, 17 | |
HSL | 217.1°, 59.4, 58.4 | hsl(217.1,59.4%,58.4%) |
HSV (or HSB) | 217.1°, 59.4, 83.1 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 55.868, 7.322, -45.006 |
---|---|
XYZ | 24.244, 23.781, 65.596 |
xyY | 0.213, 0.209, 23.781 |
CIE-LCH | 55.868, 45.598, 279.241 |
CIE-LUV | 55.868, -21.779, -71.091 |
Hunter-Lab | 48.765, 3.402, -45.617 |
Binary | 01010110, 10000110, 11010100 |
Color Schemes with #5686d4
Alternatives to #5686d4
Below, you can see some colors close to #5686d4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5686d4 Preview
This text has a font color of #5686d4.
<span style="color:#5686d4;">Text here</span>
This paragraph has a background color of #5686d4.
<p style="background-color:#5686d4;">Content here</p>
This element has a border color of #5686d4.
<div style="border:1px solid #5686d4;">Content here</div>
.text {color:#5686d4;}
.background {background-color:#5686d4;}
.border {border:1px solid #5686d4;}
Shades and Tints of #5686d4
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, #010203 is the darkest color, while #f2f6fc is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#050a13
#050a13
rgb(5,10,19)
-
#091222
#091222
rgb(9,18,34)
-
#0d1b32
#0d1b32
rgb(13,27,50)
-
#112342
#112342
rgb(17,35,66)
-
#152c51
#152c51
rgb(21,44,81)
-
#193461
#193461
rgb(25,52,97)
-
#1d3d70
#1d3d70
rgb(29,61,112)
-
#214580
#214580
rgb(33,69,128)
-
#254d90
#254d90
rgb(37,77,144)
-
#29569f
#29569f
rgb(41,86,159)
-
#2d5eaf
#2d5eaf
rgb(45,94,175)
-
#3167bf
#3167bf
rgb(49,103,191)
-
#3770cc
#3770cc
rgb(55,112,204)
-
#467bd0
#467bd0
rgb(70,123,208)
-
#5686d4
#5686d4
rgb(86,134,212)
-
#6691d8
#6691d8
rgb(102,145,216)
-
#759cdc
#759cdc
rgb(117,156,220)
-
#85a8e0
#85a8e0
rgb(133,168,224)
-
#95b3e4
#95b3e4
rgb(149,179,228)
-
#a4bee8
#a4bee8
rgb(164,190,232)
-
#b4c9ec
#b4c9ec
rgb(180,201,236)
-
#c3d4f0
#c3d4f0
rgb(195,212,240)
-
#d3e0f4
#d3e0f4
rgb(211,224,244)
-
#e3ebf8
#e3ebf8
rgb(227,235,248)
-
#f2f6fc
#f2f6fc
rgb(242,246,252)
Tones of #5686d4
A tone is produced by adding gray to any pure hue. In this case, #8f949b is the less saturated color, while #2d7cfd is the most saturated one.
-
#8f949b
#8f949b
rgb(143,148,155)
-
#8792a3
#8792a3
rgb(135,146,163)
-
#7f90ab
#7f90ab
rgb(127,144,171)
-
#778eb3
#778eb3
rgb(119,142,179)
-
#6e8cbc
#6e8cbc
rgb(110,140,188)
-
#668ac4
#668ac4
rgb(102,138,196)
-
#5e88cc
#5e88cc
rgb(94,136,204)
-
#5686d4
#5686d4
rgb(86,134,212)
-
#4e84dc
#4e84dc
rgb(78,132,220)
-
#4682e4
#4682e4
rgb(70,130,228)
-
#3e80ec
#3e80ec
rgb(62,128,236)
-
#357ef5
#357ef5
rgb(53,126,245)
-
#2d7cfd
#2d7cfd
rgb(45,124,253)
Color Blindness Simulator
Below, you can see how #5686d4 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.