#558ec5 color information

#558ec5 color space conversions

Hex:
#558ec5
RGB:
85, 142, 197
CMY:
67, 44, 23
CMYK:
57, 28, 0, 23
HSL:
209°, 49.1228%, 55.2941%
HSV (HSB):
209°, 56.8528%, 77.2549%
XYZ:
23.4974, 25.3085, 56.4699
xyY:
0.2232, 0.2404, 25.3085
CIE-Lab:
57.3748, -2.4630, -34.1793
CIE-LCH:
57.3748, 34.2680, 265.8783
CIE-Luv:
57.3748, -25.1181, -52.5820
Hunter-Lab:
50.3076, -4.6655, -31.3373

#558ec5 color charts

#558ec5 RGB chart
#558ec5 CMYK chart
#558ec5 RGB pie chart

#558ec5 color shades, tints & tones

#558ec5 color schemes

#558ec5 #c58c55
Complementary of #558ec5
#55c5c3 #558ec5 #5556c5
Analogous of #558ec5
#c5c355 #558ec5 #c55556
Split complementary of #558ec5
#8ec555 #558ec5 #c5558d
Triadic of #558ec5
#56c555 #558ec5 #c355c5 #c58c55
Square of #558ec5
#8ec555 #558ec5 #8b55c5 #c58c55
Tetradic of #558ec5

#558ec5 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018