#5686bc Color Information
In a RGB color space, hex #5686bc is composed of 33.7% red, 52.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 28.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 211.8 degrees, a saturation of 43.2% and a lightness of 53.7%. #5686bc color hex could be obtained by blending #acffff with #000d79. Closest websafe color is: #6699cc.
-
- R 34
- G 53
- B 74
-
- C 54
- M 29
- Y 0
- K 26
● #5686bc color description : Moderate blue.
#5686bc Color Conversion
The hexadecimal color #5686bc has RGB values of R:86, G:134, B:188 and CMYK values of C:0.54, M:0.29, Y:0, K:0.26. Its decimal value is 5670588.
Hex triplet | 5686bc | #5686bc |
---|---|---|
RGB Decimal | 86, 134, 188 | rgb(86,134,188) |
RGB Percent | 33.7, 52.5, 73.7 | rgb(33.7%,52.5%,73.7%) |
CMYK | 54, 29, 0, 26 | |
HSL | 211.8°, 43.2, 53.7 | hsl(211.8,43.2%,53.7%) |
HSV (or HSB) | 211.8°, 54.3, 73.7 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 54.719, -0.464, -33.209 |
---|---|
XYZ | 21.438, 22.658, 50.818 |
xyY | 0.226, 0.239, 22.658 |
CIE-LCH | 54.719, 33.212, 269.2 |
CIE-LUV | 54.719, -22.003, -50.801 |
Hunter-Lab | 47.601, -2.91, -29.977 |
Binary | 01010110, 10000110, 10111100 |
Color Schemes with #5686bc
Alternatives to #5686bc
Below, you can see some colors close to #5686bc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5686bc Preview
This text has a font color of #5686bc.
<span style="color:#5686bc;">Text here</span>
This paragraph has a background color of #5686bc.
<p style="background-color:#5686bc;">Content here</p>
This element has a border color of #5686bc.
<div style="border:1px solid #5686bc;">Content here</div>
.text {color:#5686bc;}
.background {background-color:#5686bc;}
.border {border:1px solid #5686bc;}
Shades and Tints of #5686bc
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, #05090e is the darkest color, while #ffffff is the lightest one.
-
#05090e
#05090e
rgb(5,9,14)
-
#0b131c
#0b131c
rgb(11,19,28)
-
#111c2a
#111c2a
rgb(17,28,42)
-
#162638
#162638
rgb(22,38,56)
-
#1c2f46
#1c2f46
rgb(28,47,70)
-
#213954
#213954
rgb(33,57,84)
-
#274362
#274362
rgb(39,67,98)
-
#2c4c70
#2c4c70
rgb(44,76,112)
-
#32567e
#32567e
rgb(50,86,126)
-
#385f8c
#385f8c
rgb(56,95,140)
-
#3d699a
#3d699a
rgb(61,105,154)
-
#4372a8
#4372a8
rgb(67,114,168)
-
#487cb6
#487cb6
rgb(72,124,182)
-
#5686bc
#5686bc
rgb(86,134,188)
-
#6490c2
#6490c2
rgb(100,144,194)
-
#729ac7
#729ac7
rgb(114,154,199)
-
#80a4cd
#80a4cd
rgb(128,164,205)
-
#8eaed2
#8eaed2
rgb(142,174,210)
-
#9cb8d8
#9cb8d8
rgb(156,184,216)
-
#aac2dd
#aac2dd
rgb(170,194,221)
-
#b8cce3
#b8cce3
rgb(184,204,227)
-
#c6d6e9
#c6d6e9
rgb(198,214,233)
-
#d4e1ee
#d4e1ee
rgb(212,225,238)
-
#e2ebf4
#e2ebf4
rgb(226,235,244)
-
#f1f5f9
#f1f5f9
rgb(241,245,249)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #5686bc
A tone is produced by adding gray to any pure hue. In this case, #83898f is the less saturated color, while #1682fc is the most saturated one.
-
#83898f
#83898f
rgb(131,137,143)
-
#7a8898
#7a8898
rgb(122,136,152)
-
#7188a1
#7188a1
rgb(113,136,161)
-
#6887aa
#6887aa
rgb(104,135,170)
-
#5f87b3
#5f87b3
rgb(95,135,179)
-
#5686bc
#5686bc
rgb(86,134,188)
-
#4d85c5
#4d85c5
rgb(77,133,197)
-
#4485ce
#4485ce
rgb(68,133,206)
-
#3b84d7
#3b84d7
rgb(59,132,215)
-
#3284e0
#3284e0
rgb(50,132,224)
-
#2983e9
#2983e9
rgb(41,131,233)
-
#2083f2
#2083f2
rgb(32,131,242)
-
#1682fc
#1682fc
rgb(22,130,252)
Color Blindness Simulator
Below, you can see how #5686bc 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.