#5686ca Color Information
In a RGB color space, hex #5686ca is composed of 33.7% red, 52.5% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 33.7% magenta, 0% yellow and 20.8% black. It has a hue angle of 215.2 degrees, a saturation of 52.3% and a lightness of 56.5%. #5686ca color hex could be obtained by blending #acffff with #000d95. Closest websafe color is: #6699cc.
-
- R 34
- G 53
- B 79
-
- C 57
- M 34
- Y 0
- K 21
● #5686ca color description : Moderate blue.
#5686ca Color Conversion
The hexadecimal color #5686ca has RGB values of R:86, G:134, B:202 and CMYK values of C:0.57, M:0.34, Y:0, K:0.21. Its decimal value is 5670602.
Hex triplet | 5686ca | #5686ca |
---|---|---|
RGB Decimal | 86, 134, 202 | rgb(86,134,202) |
RGB Percent | 33.7, 52.5, 79.2 | rgb(33.7%,52.5%,79.2%) |
CMYK | 57, 34, 0, 21 | |
HSL | 215.2°, 52.3, 56.5 | hsl(215.2,52.3%,56.5%) |
HSV (or HSB) | 215.2°, 57.4, 79.2 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 55.371, 4.038, -40.142 |
---|---|
XYZ | 23.021, 23.292, 59.156 |
xyY | 0.218, 0.221, 23.292 |
CIE-LCH | 55.371, 40.345, 275.744 |
CIE-LUV | 55.371, -21.863, -62.702 |
Hunter-Lab | 48.261, 0.689, -38.892 |
Binary | 01010110, 10000110, 11001010 |
Color Schemes with #5686ca
Alternatives to #5686ca
Below, you can see some colors close to #5686ca. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5686ca Preview
This text has a font color of #5686ca.
<span style="color:#5686ca;">Text here</span>
This paragraph has a background color of #5686ca.
<p style="background-color:#5686ca;">Content here</p>
This element has a border color of #5686ca.
<div style="border:1px solid #5686ca;">Content here</div>
.text {color:#5686ca;}
.background {background-color:#5686ca;}
.border {border:1px solid #5686ca;}
Shades and Tints of #5686ca
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, #03060a is the darkest color, while #fafcfe is the lightest one.
-
#03060a
#03060a
rgb(3,6,10)
-
#080f19
#080f19
rgb(8,15,25)
-
#0d1828
#0d1828
rgb(13,24,40)
-
#112137
#112137
rgb(17,33,55)
-
#162a46
#162a46
rgb(22,42,70)
-
#1b3355
#1b3355
rgb(27,51,85)
-
#1f3c64
#1f3c64
rgb(31,60,100)
-
#244573
#244573
rgb(36,69,115)
-
#294d82
#294d82
rgb(41,77,130)
-
#2d5691
#2d5691
rgb(45,86,145)
-
#325fa0
#325fa0
rgb(50,95,160)
-
#3768ae
#3768ae
rgb(55,104,174)
-
#3b71bd
#3b71bd
rgb(59,113,189)
-
#477bc5
#477bc5
rgb(71,123,197)
-
#5686ca
#5686ca
rgb(86,134,202)
-
#6591cf
#6591cf
rgb(101,145,207)
-
#749bd3
#749bd3
rgb(116,155,211)
-
#83a6d8
#83a6d8
rgb(131,166,216)
-
#92b1dd
#92b1dd
rgb(146,177,221)
-
#a1bbe1
#a1bbe1
rgb(161,187,225)
-
#b0c6e6
#b0c6e6
rgb(176,198,230)
-
#bfd1eb
#bfd1eb
rgb(191,209,235)
-
#cddcef
#cddcef
rgb(205,220,239)
-
#dce6f4
#dce6f4
rgb(220,230,244)
-
#ebf1f9
#ebf1f9
rgb(235,241,249)
-
#fafcfe
#fafcfe
rgb(250,252,254)
Tones of #5686ca
A tone is produced by adding gray to any pure hue. In this case, #898f97 is the less saturated color, while #237dfd is the most saturated one.
-
#898f97
#898f97
rgb(137,143,151)
-
#818d9f
#818d9f
rgb(129,141,159)
-
#788ca8
#788ca8
rgb(120,140,168)
-
#708ab0
#708ab0
rgb(112,138,176)
-
#6789b9
#6789b9
rgb(103,137,185)
-
#5f87c1
#5f87c1
rgb(95,135,193)
-
#5686ca
#5686ca
rgb(86,134,202)
-
#4d85d3
#4d85d3
rgb(77,133,211)
-
#4583db
#4583db
rgb(69,131,219)
-
#3c82e4
#3c82e4
rgb(60,130,228)
-
#3480ec
#3480ec
rgb(52,128,236)
-
#2b7ff5
#2b7ff5
rgb(43,127,245)
-
#237dfd
#237dfd
rgb(35,125,253)
Color Blindness Simulator
Below, you can see how #5686ca 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.