#5686d2 color information

#5686d2 color space conversions

Hex:

#5686d2

RGB:

86, 134, 210

CMY:

66, 47, 18

CMYK:

59, 36, 0, 18

HSL:

217°, 57.9439%, 58.0392%

HSV (HSB):

217°, 59.0476%, 82.3529%

XYZ:

23.9957, 23.6818, 64.2791

xyY:

0.2143, 0.2115, 23.6818

CIE-Lab:

55.7678, 6.6669, -44.0398

CIE-LCH:

55.7678, 44.5416, 278.6082

CIE-Luv:

55.7678, -21.7894, -69.4240

Hunter-Lab:

48.6639, 2.8548, -44.2501

#5686d2 color charts

#5686d2 RGB chart

#5686d2 CMYK chart

#5686d2 RGB pie chart

#5686d2 color shades, tints & tones

#5686d2 #4c77bb #4368a3 #39598c #304a75 #263c5d #1d2d46 #131e2f #0a0f17 #000000

Shades of #5686d2

#5686d2 #6993d7 #7ca1dc #8eaee1 #a1bce6 #b4c9eb #c7d7f0 #d9e4f5 #ecf2fa #ffffff

Tints of #5686d2

#5686d2 #5b85c9 #5f85c0 #6484b7 #6983ae #6d83a4 #72829b #778192 #7b8189 #808080

Tones of #5686d2

#5686d2 color schemes

#5686d2 #d2a155

Complementary of #5686d2

#55c4d2 #5686d2 #6355d2

Analogous of #5686d2

#c4d255 #5686d2 #d26355

Split complementary of #5686d2

#85d255 #5686d2 #d25585

Triadic of #5686d2

#55d263 #5686d2 #d255c4 #d2a155

Square of #5686d2

#85d255 #5686d2 #a155d2 #d2a155

Tetradic of #5686d2

#5686d2 color preview, HTML & CSS examples

This text has a color of #5686d2

.mytext {color:#5686d2;}

Text color #5686d2

This box has a color of #5686d2

<div style="background-color:#5686d2;">Content here</div>

.mybackground {background-color:#5686d2;}

Background color #5686d2

Border around this has a color of #5686d2

<div style="border:2px solid #5686d2;">Content here</div>

.myborder {border:2px solid #5686d2;}

Border color #5686d2

Random colors

#e0fef9 #c5d7d7 #a71d6f #f09466 #f43738 #0ce199 #57b48a #6c27a7 #35b0f5 #7e7f78

Random colors