#5686b1 Color Information
In a RGB color space, hex #5686b1 is composed of 33.7% red, 52.5% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 24.3% magenta, 0% yellow and 30.6% black. It has a hue angle of 208.4 degrees, a saturation of 36.8% and a lightness of 51.6%. #5686b1 color hex could be obtained by blending #acffff with #000d63. Closest websafe color is: #669999.
-
- R 34
- G 53
- B 69
-
- C 51
- M 24
- Y 0
- K 31
● #5686b1 color description : Dark moderate blue.
#5686b1 Color Conversion
The hexadecimal color #5686b1 has RGB values of R:86, G:134, B:177 and CMYK values of C:0.51, M:0.24, Y:0, K:0.31. Its decimal value is 5670577.
Hex triplet | 5686b1 | #5686b1 |
---|---|---|
RGB Decimal | 86, 134, 177 | rgb(86,134,177) |
RGB Percent | 33.7, 52.5, 69.4 | rgb(33.7%,52.5%,69.4%) |
CMYK | 51, 24, 0, 31 | |
HSL | 208.4°, 36.8, 51.6 | hsl(208.4,36.8%,51.6%) |
HSV (or HSB) | 208.4°, 51.4, 69.4 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 54.241, -3.902, -27.659 |
---|---|
XYZ | 20.297, 22.202, 44.808 |
xyY | 0.232, 0.254, 22.202 |
CIE-LCH | 54.241, 27.933, 261.97 |
CIE-LUV | 54.241, -22.132, -41.367 |
Hunter-Lab | 47.119, -5.568, -23.4 |
Binary | 01010110, 10000110, 10110001 |
Color Schemes with #5686b1
Alternatives to #5686b1
Below, you can see some colors close to #5686b1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5686b1 Preview
This text has a font color of #5686b1.
<span style="color:#5686b1;">Text here</span>
This paragraph has a background color of #5686b1.
<p style="background-color:#5686b1;">Content here</p>
This element has a border color of #5686b1.
<div style="border:1px solid #5686b1;">Content here</div>
.text {color:#5686b1;}
.background {background-color:#5686b1;}
.border {border:1px solid #5686b1;}
Shades and Tints of #5686b1
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, #030405 is the darkest color, while #f7f9fb is the lightest one.
-
#030405
#030405
rgb(3,4,5)
-
#090e13
#090e13
rgb(9,14,19)
-
#0f1820
#0f1820
rgb(15,24,32)
-
#15222e
#15222e
rgb(21,34,46)
-
#1b2c3b
#1b2c3b
rgb(27,44,59)
-
#213649
#213649
rgb(33,54,73)
-
#284056
#284056
rgb(40,64,86)
-
#2e4a63
#2e4a63
rgb(46,74,99)
-
#345471
#345471
rgb(52,84,113)
-
#3a5e7e
#3a5e7e
rgb(58,94,126)
-
#40688c
#40688c
rgb(64,104,140)
-
#477299
#477299
rgb(71,114,153)
-
#4d7ca7
#4d7ca7
rgb(77,124,167)
-
#5686b1
#5686b1
rgb(86,134,177)
-
#6390b7
#6390b7
rgb(99,144,183)
-
#7199bd
#7199bd
rgb(113,153,189)
-
#7ea3c4
#7ea3c4
rgb(126,163,196)
-
#8cacca
#8cacca
rgb(140,172,202)
-
#99b6d0
#99b6d0
rgb(153,182,208)
-
#a7c0d6
#a7c0d6
rgb(167,192,214)
-
#b4c9dc
#b4c9dc
rgb(180,201,220)
-
#c1d3e3
#c1d3e3
rgb(193,211,227)
-
#cfdce9
#cfdce9
rgb(207,220,233)
-
#dce6ef
#dce6ef
rgb(220,230,239)
-
#eaf0f5
#eaf0f5
rgb(234,240,245)
-
#f7f9fb
#f7f9fb
rgb(247,249,251)
Tones of #5686b1
A tone is produced by adding gray to any pure hue. In this case, #7c848b is the less saturated color, while #0a8afd is the most saturated one.
-
#7c848b
#7c848b
rgb(124,132,139)
-
#738495
#738495
rgb(115,132,149)
-
#69859e
#69859e
rgb(105,133,158)
-
#6085a8
#6085a8
rgb(96,133,168)
-
#5686b1
#5686b1
rgb(86,134,177)
-
#4d87bb
#4d87bb
rgb(77,135,187)
-
#4387c4
#4387c4
rgb(67,135,196)
-
#3a88ce
#3a88ce
rgb(58,136,206)
-
#3088d7
#3088d7
rgb(48,136,215)
-
#2789e1
#2789e1
rgb(39,137,225)
-
#1d89ea
#1d89ea
rgb(29,137,234)
-
#138af4
#138af4
rgb(19,138,244)
-
#0a8afd
#0a8afd
rgb(10,138,253)
Color Blindness Simulator
Below, you can see how #5686b1 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.