#558cc0 color information

#558cc0 color space conversions

Hex:
#558cc0
RGB:
85, 140, 192
CMY:
67, 45, 25
CMYK:
56, 27, 0, 25
HSL:
209°, 45.9227%, 54.3137%
HSV (HSB):
209°, 55.7292%, 75.2941%
XYZ:
22.6388, 24.4932, 53.4036
xyY:
0.2252, 0.2436, 24.4932
CIE-Lab:
56.5783, -2.8992, -32.5899
CIE-LCH:
56.5783, 32.7186, 264.9164
CIE-Luv:
56.5783, -24.4693, -49.8084
Hunter-Lab:
49.4906, -4.9562, -29.3344

#558cc0 color charts

#558cc0 RGB chart
#558cc0 CMYK chart
#558cc0 RGB pie chart

#558cc0 color shades, tints & tones

#558cc0 color schemes

#558cc0 #c08954
Complementary of #558cc0
#54c0be #558cc0 #5456c0
Analogous of #558cc0
#c0be54 #558cc0 #c05456
Split complementary of #558cc0
#8bc054 #558cc0 #c0548b
Triadic of #558cc0
#56c054 #558cc0 #be54c0 #c08954
Square of #558cc0
#8bc054 #558cc0 #8954c0 #c08954
Tetradic of #558cc0

#558cc0 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018