#558cf0 color information

#558cf0 color space conversions

Hex:
#558cf0
RGB:
85, 140, 240
CMY:
67, 45, 6
CMYK:
65, 42, 0, 6
HSL:
219°, 83.7838%, 63.7255%
HSV (HSB):
219°, 64.5833%, 94.1176%
XYZ:
28.8526, 26.9787, 86.1248
xyY:
0.2032, 0.1900, 26.9787
CIE-Lab:
58.9546, 12.9553, -55.7314
CIE-LCH:
58.9546, 57.2174, 283.0866
CIE-Luv:
58.9546, -23.7892, -89.9843
Hunter-Lab:
51.9411, 8.2576, -61.9515

#558cf0 color charts

#558cf0 RGB chart
#558cf0 CMYK chart
#558cf0 RGB pie chart

#558cf0 color shades, tints & tones

#558cf0 color schemes

#558cf0 #efb855
Complementary of #558cf0
#55d9ef #558cf0 #6b55ef
Analogous of #558cf0
#d9ef55 #558cf0 #ef6b55
Split complementary of #558cf0
#8cef55 #558cf0 #ef558c
Triadic of #558cf0
#55ef6b #558cf0 #ef55d9 #efb855
Square of #558cf0
#8cef55 #558cf0 #b855ef #efb855
Tetradic of #558cf0

#558cf0 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018