#5686c2 color information

#5686c2 color space conversions

Hex:

#5686c2

RGB:

86, 134, 194

CMY:

66, 47, 24

CMYK:

56, 31, 0, 24

HSL:

213°, 46.9565%, 54.9020%

HSV (HSB):

213°, 55.6701%, 76.0784%

XYZ:

22.1005, 22.9237, 54.2988

xyY:

0.2225, 0.2308, 22.9237

CIE-Lab:

54.9936, 1.4546, -36.1985

CIE-LCH:

54.9936, 36.2277, 272.3012

CIE-Luv:

54.9936, -21.9350, -55.9218

Hunter-Lab:

47.8787, -1.3933, -33.7253

#5686c2 color charts

#5686c2 RGB chart

#5686c2 CMYK chart

#5686c2 RGB pie chart

#5686c2 color shades, tints & tones

#5686c2 #4c77ac #436897 #395981 #304a6c #263c56 #1d2d41 #131e2b #0a0f16 #000000

Shades of #5686c2

#5686c2 #6993c9 #7ca1d0 #8eaed6 #a1bcdd #b4c9e4 #c7d7eb #d9e4f1 #ecf2f8 #ffffff

Tints of #5686c2

#5686c2 #5b85bb #5f85b3 #6484ac #6983a5 #6d839d #728296 #77818f #7b8187 #808080

Tones of #5686c2

#5686c2 color schemes

#5686c2 #c29256

Complementary of #5686c2

#56bcc2 #5686c2 #5b56c2

Analogous of #5686c2

#bcc256 #5686c2 #c25b56

Split complementary of #5686c2

#86c256 #5686c2 #c25686

Triadic of #5686c2

#56c25b #5686c2 #c256bc #c29256

Square of #5686c2

#86c256 #5686c2 #9156c2 #c29256

Tetradic of #5686c2

#5686c2 color preview, HTML & CSS examples

This text has a color of #5686c2

.mytext {color:#5686c2;}

Text color #5686c2

This box has a color of #5686c2

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

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

Background color #5686c2

Border around this has a color of #5686c2

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

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

Border color #5686c2

Random colors

#65363c #f7a80a #689d8b #b60dd9 #d7d566 #bc1ec8 #fdab30 #4633ea #2a8a8e #0d46dd

Random colors