#558bc6 color information

#558bc6 color space conversions

Hex:
#558bc6
RGB:
85, 139, 198
CMY:
67, 45, 22
CMYK:
57, 30, 0, 22
HSL:
211°, 49.7797%, 55.4902%
HSV (HSB):
211°, 57.0707%, 77.6471%
XYZ:
23.1720, 24.4737, 56.9287
xyY:
0.2216, 0.2340, 24.4737
CIE-Lab:
56.5590, -0.4020, -36.0198
CIE-LCH:
56.5590, 36.0220, 269.3605
CIE-Luv:
56.5590, -23.9989, -55.6997
Hunter-Lab:
49.4710, -2.9656, -33.5983

#558bc6 color charts

#558bc6 RGB chart
#558bc6 CMYK chart
#558bc6 RGB pie chart

#558bc6 color shades, tints & tones

#558bc6 color schemes

#558bc6 #c58f55
Complementary of #558bc6
#55c3c5 #558bc6 #5755c5
Analogous of #558bc6
#c3c555 #558bc6 #c55755
Split complementary of #558bc6
#8bc555 #558bc6 #c5558b
Triadic of #558bc6
#55c557 #558bc6 #c555c3 #c58f55
Square of #558bc6
#8bc555 #558bc6 #8f55c5 #c58f55
Tetradic of #558bc6

#558bc6 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018