#558ce0 color information

#558ce0 color space conversions

Hex:
#558ce0
RGB:
85, 140, 224
CMY:
67, 45, 12
CMYK:
62, 38, 0, 12
HSL:
216°, 69.1542%, 60.5882%
HSV (HSB):
216°, 62.0536%, 87.8431%
XYZ:
26.5789, 26.0693, 74.1520
xyY:
0.2096, 0.2056, 26.0693
CIE-Lab:
58.1028, 7.5580, -48.1981
CIE-LCH:
58.1028, 48.7871, 278.9120
CIE-Luv:
58.1028, -23.9749, -76.8777
Hunter-Lab:
51.0581, 3.5688, -50.3666

#558ce0 color charts

#558ce0 RGB chart
#558ce0 CMYK chart
#558ce0 RGB pie chart

#558ce0 color shades, tints & tones

#558ce0 color schemes

#558ce0 #e0a854
Complementary of #558ce0
#54d1e0 #558ce0 #6354e0
Analogous of #558ce0
#d1e054 #558ce0 #e06354
Split complementary of #558ce0
#8ce054 #558ce0 #e0548b
Triadic of #558ce0
#54e063 #558ce0 #e054d1 #e0a854
Square of #558ce0
#8ce054 #558ce0 #a854e0 #e0a854
Tetradic of #558ce0

#558ce0 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018