#5686a2 Color Information
In a RGB color space, hex #5686a2 is composed of 33.7% red, 52.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 17.3% magenta, 0% yellow and 36.5% black. It has a hue angle of 202.1 degrees, a saturation of 30.6% and a lightness of 48.6%. #5686a2 color hex could be obtained by blending #acffff with #000d45. Closest websafe color is: #669999.
-
- R 34
- G 53
- B 64
-
- C 47
- M 17
- Y 0
- K 36
● #5686a2 color description : Dark moderate blue.
#5686a2 Color Conversion
The hexadecimal color #5686a2 has RGB values of R:86, G:134, B:162 and CMYK values of C:0.47, M:0.17, Y:0, K:0.36. Its decimal value is 5670562.
Hex triplet | 5686a2 | #5686a2 |
---|---|---|
RGB Decimal | 86, 134, 162 | rgb(86,134,162) |
RGB Percent | 33.7, 52.5, 63.5 | rgb(33.7%,52.5%,63.5%) |
CMYK | 47, 17, 0, 36 | |
HSL | 202.1°, 30.6, 48.6 | hsl(202.1,30.6%,48.6%) |
HSV (or HSB) | 202.1°, 46.9, 63.5 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 53.639, -8.416, -19.951 |
---|---|
XYZ | 18.883, 21.636, 37.362 |
xyY | 0.242, 0.278, 21.636 |
CIE-LCH | 53.639, 21.654, 247.128 |
CIE-LUV | 53.639, -22.33, -28.483 |
Hunter-Lab | 46.515, -8.938, -15.063 |
Binary | 01010110, 10000110, 10100010 |
Color Schemes with #5686a2
Alternatives to #5686a2
Below, you can see some colors close to #5686a2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5686a2 Preview
This text has a font color of #5686a2.
<span style="color:#5686a2;">Text here</span>
This paragraph has a background color of #5686a2.
<p style="background-color:#5686a2;">Content here</p>
This element has a border color of #5686a2.
<div style="border:1px solid #5686a2;">Content here</div>
.text {color:#5686a2;}
.background {background-color:#5686a2;}
.border {border:1px solid #5686a2;}
Shades and Tints of #5686a2
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, #040708 is the darkest color, while #fafcfd is the lightest one.
-
#040708
#040708
rgb(4,7,8)
-
#0b1115
#0b1115
rgb(11,17,21)
-
#121c22
#121c22
rgb(18,28,34)
-
#19272f
#19272f
rgb(25,39,47)
-
#20313b
#20313b
rgb(32,49,59)
-
#263c48
#263c48
rgb(38,60,72)
-
#2d4655
#2d4655
rgb(45,70,85)
-
#345162
#345162
rgb(52,81,98)
-
#3b5c6f
#3b5c6f
rgb(59,92,111)
-
#42667c
#42667c
rgb(66,102,124)
-
#487188
#487188
rgb(72,113,136)
-
#4f7b95
#4f7b95
rgb(79,123,149)
-
#5686a2
#5686a2
rgb(86,134,162)
-
#6190ab
#6190ab
rgb(97,144,171)
-
#6d99b2
#6d99b2
rgb(109,153,178)
-
#7aa2b9
#7aa2b9
rgb(122,162,185)
-
#87abbf
#87abbf
rgb(135,171,191)
-
#94b4c6
#94b4c6
rgb(148,180,198)
-
#a1bdcd
#a1bdcd
rgb(161,189,205)
-
#aec6d4
#aec6d4
rgb(174,198,212)
-
#bacfdb
#bacfdb
rgb(186,207,219)
-
#c7d8e1
#c7d8e1
rgb(199,216,225)
-
#d4e1e8
#d4e1e8
rgb(212,225,232)
-
#e1eaef
#e1eaef
rgb(225,234,239)
-
#eef3f6
#eef3f6
rgb(238,243,246)
-
#fafcfd
#fafcfd
rgb(250,252,253)
Tones of #5686a2
A tone is produced by adding gray to any pure hue. In this case, #737e85 is the less saturated color, while #009df8 is the most saturated one.
-
#737e85
#737e85
rgb(115,126,133)
-
#69818f
#69818f
rgb(105,129,143)
-
#608398
#608398
rgb(96,131,152)
-
#5686a2
#5686a2
rgb(86,134,162)
-
#4c89ac
#4c89ac
rgb(76,137,172)
-
#438bb5
#438bb5
rgb(67,139,181)
-
#398ebf
#398ebf
rgb(57,142,191)
-
#3090c8
#3090c8
rgb(48,144,200)
-
#2693d2
#2693d2
rgb(38,147,210)
-
#1d95db
#1d95db
rgb(29,149,219)
-
#1398e5
#1398e5
rgb(19,152,229)
-
#0a9aee
#0a9aee
rgb(10,154,238)
-
#009df8
#009df8
rgb(0,157,248)
Color Blindness Simulator
Below, you can see how #5686a2 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.