#558ad2 color information

#558ad2 color space conversions

Hex:
#558ad2
RGB:
85, 138, 210
CMY:
67, 46, 18
CMYK:
60, 34, 0, 18
HSL:
215°, 58.1395%, 57.8431%
HSV (HSB):
215°, 59.5238%, 82.3529%
XYZ:
24.4676, 24.7614, 64.4626
xyY:
0.2152, 0.2178, 24.7614
CIE-Lab:
56.8422, 4.0940, -42.3468
CIE-LCH:
56.8422, 42.5443, 275.5220
CIE-Luv:
56.8422, -23.4644, -66.6209
Hunter-Lab:
49.7608, 0.6879, -41.9746

#558ad2 color charts

#558ad2 RGB chart
#558ad2 CMYK chart
#558ad2 RGB pie chart

#558ad2 color shades, tints & tones

#558ad2 color schemes

#558ad2 #d29c54
Complementary of #558ad2
#54c8d2 #558ad2 #5e54d2
Analogous of #558ad2
#c8d254 #558ad2 #d25e54
Split complementary of #558ad2
#8ad254 #558ad2 #d2548a
Triadic of #558ad2
#54d25e #558ad2 #d254c8 #d29c54
Square of #558ad2
#8ad254 #558ad2 #9c54d2 #d29c54
Tetradic of #558ad2

#558ad2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018