#5689b0 color information

#5689b0 color space conversions

Hex:
#5689b0
RGB:
86, 137, 176
CMY:
66, 46, 31
CMYK:
51, 22, 0, 31
HSL:
206°, 36.2903%, 51.3725%
HSV (HSB):
206°, 51.1364%, 69.0196%
XYZ:
20.6199, 23.0043, 44.4278
xyY:
0.2342, 0.2613, 23.0043
CIE-Lab:
55.0768, -5.9291, -25.7949
CIE-LCH:
55.0768, 26.4675, 257.0550
CIE-Luv:
55.0768, -23.2984, -38.2358
Hunter-Lab:
47.9628, -7.1954, -21.3461

#5689b0 color charts

#5689b0 RGB chart
#5689b0 CMYK chart
#5689b0 RGB pie chart

#5689b0 color shades, tints & tones

#5689b0 color schemes

#5689b0 #af7d56
Complementary of #5689b0
#56afaa #5689b0 #565baf
Analogous of #5689b0
#afaa56 #5689b0 #af565b
Split complementary of #5689b0
#88af56 #5689b0 #af5688
Triadic of #5689b0
#5baf56 #5689b0 #aa56af #af7d56
Square of #5689b0
#88af56 #5689b0 #7c56af #af7d56
Tetradic of #5689b0

#5689b0 color preview, HTML & CSS examples

This text has a color of #5689b0
<p style="color:#5689b0;">Text here</p>
.mytext {color:#5689b0;}
Text color #5689b0
This box has a color of #5689b0
<div style="background-color:#5689b0;">Content here</div>
.mybackground {background-color:#5689b0;}
Background color #5689b0
Border around this has a color of #5689b0
<div style="border:2px solid #5689b0;">Content here</div>
.myborder {border:2px solid #5689b0;}
Border color #5689b0

Random colors

© ColorsDB.com, 2014-2018