#5686a1 Color Information
In a RGB color space, hex #5686a1 is composed of 33.7% red, 52.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 46.6% cyan, 16.8% magenta, 0% yellow and 36.9% black. It has a hue angle of 201.6 degrees, a saturation of 30.4% and a lightness of 48.4%. #5686a1 color hex could be obtained by blending #acffff with #000d43. Closest websafe color is: #669999.
-
- R 34
- G 53
- B 63
-
- C 47
- M 17
- Y 0
- K 37
● #5686a1 color description : Dark moderate blue.
#5686a1 Color Conversion
The hexadecimal color #5686a1 has RGB values of R:86, G:134, B:161 and CMYK values of C:0.47, M:0.17, Y:0, K:0.37. Its decimal value is 5670561.
Hex triplet | 5686a1 | #5686a1 |
---|---|---|
RGB Decimal | 86, 134, 161 | rgb(86,134,161) |
RGB Percent | 33.7, 52.5, 63.1 | rgb(33.7%,52.5%,63.1%) |
CMYK | 47, 17, 0, 37 | |
HSL | 201.6°, 30.4, 48.4 | hsl(201.6,30.4%,48.4%) |
HSV (or HSB) | 201.6°, 46.6, 63.1 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 53.601, -8.709, -19.432 |
---|---|
XYZ | 18.794, 21.601, 36.895 |
xyY | 0.243, 0.279, 21.601 |
CIE-LCH | 53.601, 21.294, 245.859 |
CIE-LUV | 53.601, -22.344, -27.626 |
Hunter-Lab | 46.477, -9.152, -14.533 |
Binary | 01010110, 10000110, 10100001 |
Color Schemes with #5686a1
Alternatives to #5686a1
Below, you can see some colors close to #5686a1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5686a1 Preview
This text has a font color of #5686a1.
<span style="color:#5686a1;">Text here</span>
This paragraph has a background color of #5686a1.
<p style="background-color:#5686a1;">Content here</p>
This element has a border color of #5686a1.
<div style="border:1px solid #5686a1;">Content here</div>
.text {color:#5686a1;}
.background {background-color:#5686a1;}
.border {border:1px solid #5686a1;}
Shades and Tints of #5686a1
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 #fafbfc is the lightest one.
-
#040608
#040608
rgb(4,6,8)
-
#0b1114
#0b1114
rgb(11,17,20)
-
#121c21
#121c21
rgb(18,28,33)
-
#19262e
#19262e
rgb(25,38,46)
-
#1f313b
#1f313b
rgb(31,49,59)
-
#263c47
#263c47
rgb(38,60,71)
-
#2d4654
#2d4654
rgb(45,70,84)
-
#345161
#345161
rgb(52,81,97)
-
#3b5b6e
#3b5b6e
rgb(59,91,110)
-
#42667b
#42667b
rgb(66,102,123)
-
#487187
#487187
rgb(72,113,135)
-
#4f7b94
#4f7b94
rgb(79,123,148)
-
#5686a1
#5686a1
rgb(86,134,161)
-
#6090aa
#6090aa
rgb(96,144,170)
-
#6d99b1
#6d99b1
rgb(109,153,177)
-
#7aa2b8
#7aa2b8
rgb(122,162,184)
-
#87abbf
#87abbf
rgb(135,171,191)
-
#93b4c6
#93b4c6
rgb(147,180,198)
-
#a0bdcc
#a0bdcc
rgb(160,189,204)
-
#adc5d3
#adc5d3
rgb(173,197,211)
-
#baceda
#baceda
rgb(186,206,218)
-
#c7d7e1
#c7d7e1
rgb(199,215,225)
-
#d3e0e8
#d3e0e8
rgb(211,224,232)
-
#e0e9ef
#e0e9ef
rgb(224,233,239)
-
#edf2f5
#edf2f5
rgb(237,242,245)
-
#fafbfc
#fafbfc
rgb(250,251,252)
Tones of #5686a1
A tone is produced by adding gray to any pure hue. In this case, #737e85 is the less saturated color, while #009ef7 is the most saturated one.
-
#737e85
#737e85
rgb(115,126,133)
-
#69818e
#69818e
rgb(105,129,142)
-
#608398
#608398
rgb(96,131,152)
-
#5686a1
#5686a1
rgb(86,134,161)
-
#4d89ab
#4d89ab
rgb(77,137,171)
-
#438bb4
#438bb4
rgb(67,139,180)
-
#3a8ebe
#3a8ebe
rgb(58,142,190)
-
#3091c7
#3091c7
rgb(48,145,199)
-
#2793d1
#2793d1
rgb(39,147,209)
-
#1d96da
#1d96da
rgb(29,150,218)
-
#1499e4
#1499e4
rgb(20,153,228)
-
#0a9bed
#0a9bed
rgb(10,155,237)
-
#009ef7
#009ef7
rgb(0,158,247)
Color Blindness Simulator
Below, you can see how #5686a1 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.