#558ac2 color information

#558ac2 color space conversions

Hex:
#558ac2
RGB:
85, 138, 194
CMY:
67, 46, 24
CMYK:
56, 29, 0, 24
HSL:
211°, 47.1861%, 54.7059%
HSV (HSB):
211°, 56.1856%, 76.0784%
XYZ:
22.5724, 24.0033, 54.4823
xyY:
0.2234, 0.2375, 24.0033
CIE-Lab:
56.0911, -1.1027, -34.4848
CIE-LCH:
56.0911, 34.5024, 268.1685
CIE-Luv:
56.0911, -23.6949, -53.0317
Hunter-Lab:
48.9932, -3.4985, -31.6376

#558ac2 color charts

#558ac2 RGB chart
#558ac2 CMYK chart
#558ac2 RGB pie chart

#558ac2 color shades, tints & tones

#558ac2 color schemes

#558ac2 #c18d55
Complementary of #558ac2
#55c0c1 #558ac2 #5655c1
Analogous of #558ac2
#c0c155 #558ac2 #c15655
Split complementary of #558ac2
#8ac155 #558ac2 #c15589
Triadic of #558ac2
#55c156 #558ac2 #c155c0 #c18d55
Square of #558ac2
#8ac155 #558ac2 #8c55c1 #c18d55
Tetradic of #558ac2

#558ac2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018