#558ea3 color information

#558ea3 color space conversions

Hex:
#558ea3
RGB:
85, 142, 163
CMY:
67, 44, 36
CMYK:
48, 13, 0, 36
HSL:
196°, 31.4516%, 48.6275%
HSV (HSB):
196°, 47.8528%, 63.9216%
XYZ:
20.0302, 23.9216, 38.2120
xyY:
0.2438, 0.2911, 23.9216
CIE-Lab:
56.0093, -12.8401, -16.9189
CIE-LCH:
56.0093, 21.2395, 232.8043
CIE-Luv:
56.0093, -25.8372, -23.3487
Hunter-Lab:
48.9098, -12.4904, -12.0850

#558ea3 color charts

#558ea3 RGB chart
#558ea3 CMYK chart
#558ea3 RGB pie chart

#558ea3 color shades, tints & tones

#558ea3 color schemes

#558ea3 #a26955
Complementary of #558ea3
#55a290 #558ea3 #5566a2
Analogous of #558ea3
#a29055 #558ea3 #a25566
Split complementary of #558ea3
#8da255 #558ea3 #a2558d
Triadic of #558ea3
#66a255 #558ea3 #9055a2 #a26955
Square of #558ea3
#8da255 #558ea3 #6955a2 #a26955
Tetradic of #558ea3

#558ea3 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018