#5696ed color information

#5696ed color space conversions

Hex:
#5696ed
RGB:
86, 150, 237
CMY:
66, 41, 7
CMYK:
64, 37, 0, 7
HSL:
215°, 80.7487%, 63.3333%
HSV (HSB):
215°, 63.7131%, 92.9412%
XYZ:
30.0302, 29.9056, 84.3104
xyY:
0.2082, 0.2073, 29.9056
CIE-Lab:
61.5726, 6.1817, -49.9094
CIE-LCH:
61.5726, 50.2908, 277.0605
CIE-Luv:
61.5726, -26.9257, -80.3775
Hunter-Lab:
54.6860, 2.3207, -53.1283

#5696ed color charts

#5696ed RGB chart
#5696ed CMYK chart
#5696ed RGB pie chart

#5696ed color shades, tints & tones

#5696ed color schemes

#5696ed #edac55
Complementary of #5696ed
#55e1ed #5696ed #6155ed
Analogous of #5696ed
#e1ed55 #5696ed #ed6155
Split complementary of #5696ed
#95ed55 #5696ed #ed5595
Triadic of #5696ed
#55ed61 #5696ed #ed55e1 #edac55
Square of #5696ed
#95ed55 #5696ed #ac55ed #edac55
Tetradic of #5696ed

#5696ed color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018