#558cd9 color information

#558cd9 color space conversions

Hex:
#558cd9
RGB:
85, 140, 217
CMY:
67, 45, 15
CMYK:
61, 35, 0, 15
HSL:
215°, 63.4615%, 59.2157%
HSV (HSB):
215°, 60.8295%, 85.0980%
XYZ:
25.6488, 25.6972, 69.2539
xyY:
0.2127, 0.2131, 25.6972
CIE-Lab:
57.7485, 5.2252, -44.8459
CIE-LCH:
57.7485, 45.1492, 276.6459
CIE-Luv:
57.7485, -24.0694, -71.0418
Hunter-Lab:
50.6924, 1.6037, -45.5148

#558cd9 color charts

#558cd9 RGB chart
#558cd9 CMYK chart
#558cd9 RGB pie chart

#558cd9 color shades, tints & tones

#558cd9 color schemes

#558cd9 #d9a254
Complementary of #558cd9
#54ced9 #558cd9 #5f54d9
Analogous of #558cd9
#ced954 #558cd9 #d95f54
Split complementary of #558cd9
#8bd954 #558cd9 #d9548b
Triadic of #558cd9
#54d95f #558cd9 #d954ce #d9a254
Square of #558cd9
#8bd954 #558cd9 #a154d9 #d9a254
Tetradic of #558cd9

#558cd9 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018