#5687a4 Color Information
In a RGB color space, hex #5687a4 is composed of 33.7% red, 52.9% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 47.6% cyan, 17.7% magenta, 0% yellow and 35.7% black. It has a hue angle of 202.3 degrees, a saturation of 31.2% and a lightness of 49%. #5687a4 color hex could be obtained by blending #acffff with #000f49. Closest websafe color is: #669999.
-
- R 34
- G 53
- B 64
-
- C 48
- M 18
- Y 0
- K 36
● #5687a4 color description : Dark moderate blue.
#5687a4 Color Conversion
The hexadecimal color #5687a4 has RGB values of R:86, G:135, B:164 and CMYK values of C:0.48, M:0.18, Y:0, K:0.36. Its decimal value is 5670820.
Hex triplet | 5687a4 | #5687a4 |
---|---|---|
RGB Decimal | 86, 135, 164 | rgb(86,135,164) |
RGB Percent | 33.7, 52.9, 64.3 | rgb(33.7%,52.9%,64.3%) |
CMYK | 48, 18, 0, 36 | |
HSL | 202.3°, 31.2, 49 | hsl(202.3,31.2%,49%) |
HSV (or HSB) | 202.3°, 47.6, 64.3 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 54.012, -8.394, -20.535 |
---|---|
XYZ | 19.201, 21.986, 38.352 |
xyY | 0.241, 0.276, 21.986 |
CIE-LCH | 54.012, 22.184, 247.765 |
CIE-LUV | 54.012, -22.7, -29.44 |
Hunter-Lab | 46.889, -8.96, -15.673 |
Binary | 01010110, 10000111, 10100100 |
Color Schemes with #5687a4
Alternatives to #5687a4
Below, you can see some colors close to #5687a4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5687a4 Preview
This text has a font color of #5687a4.
<span style="color:#5687a4;">Text here</span>
This paragraph has a background color of #5687a4.
<p style="background-color:#5687a4;">Content here</p>
This element has a border color of #5687a4.
<div style="border:1px solid #5687a4;">Content here</div>
.text {color:#5687a4;}
.background {background-color:#5687a4;}
.border {border:1px solid #5687a4;}
Shades and Tints of #5687a4
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, #05080a is the darkest color, while #fcfdfd is the lightest one.
-
#05080a
#05080a
rgb(5,8,10)
-
#0c1216
#0c1216
rgb(12,18,22)
-
#131d23
#131d23
rgb(19,29,35)
-
#192830
#192830
rgb(25,40,48)
-
#20323d
#20323d
rgb(32,50,61)
-
#273d4a
#273d4a
rgb(39,61,74)
-
#2e4757
#2e4757
rgb(46,71,87)
-
#345264
#345264
rgb(52,82,100)
-
#3b5d71
#3b5d71
rgb(59,93,113)
-
#42677d
#42677d
rgb(66,103,125)
-
#49728a
#49728a
rgb(73,114,138)
-
#4f7c97
#4f7c97
rgb(79,124,151)
-
#5687a4
#5687a4
rgb(86,135,164)
-
#6190ac
#6190ac
rgb(97,144,172)
-
#6e99b3
#6e99b3
rgb(110,153,179)
-
#7ba2ba
#7ba2ba
rgb(123,162,186)
-
#88abc1
#88abc1
rgb(136,171,193)
-
#95b5c7
#95b5c7
rgb(149,181,199)
-
#a2bece
#a2bece
rgb(162,190,206)
-
#afc7d5
#afc7d5
rgb(175,199,213)
-
#bbd0dc
#bbd0dc
rgb(187,208,220)
-
#c8d9e2
#c8d9e2
rgb(200,217,226)
-
#d5e2e9
#d5e2e9
rgb(213,226,233)
-
#e2ebf0
#e2ebf0
rgb(226,235,240)
-
#eff4f7
#eff4f7
rgb(239,244,247)
-
#fcfdfd
#fcfdfd
rgb(252,253,253)
Tones of #5687a4
A tone is produced by adding gray to any pure hue. In this case, #7c7d7e is the less saturated color, while #099bf1 is the most saturated one.
-
#7c7d7e
#7c7d7e
rgb(124,125,126)
-
#738087
#738087
rgb(115,128,135)
-
#698291
#698291
rgb(105,130,145)
-
#60859a
#60859a
rgb(96,133,154)
-
#5687a4
#5687a4
rgb(86,135,164)
-
#4c89ae
#4c89ae
rgb(76,137,174)
-
#438cb7
#438cb7
rgb(67,140,183)
-
#398ec1
#398ec1
rgb(57,142,193)
-
#3091ca
#3091ca
rgb(48,145,202)
-
#2693d4
#2693d4
rgb(38,147,212)
-
#1c96de
#1c96de
rgb(28,150,222)
-
#1398e7
#1398e7
rgb(19,152,231)
-
#099bf1
#099bf1
rgb(9,155,241)
Color Blindness Simulator
Below, you can see how #5687a4 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.