#558ba5 color information

#558ba5 color space conversions

Hex:
#558ba5
RGB:
85, 139, 165
CMY:
67, 45, 35
CMYK:
48, 16, 0, 35
HSL:
200°, 32.0000%, 49.0196%
HSV (HSB):
200°, 48.4848%, 64.7059%
XYZ:
19.7705, 23.1131, 39.0166
xyY:
0.2414, 0.2822, 23.1131
CIE-Lab:
55.1887, -10.5948, -19.3169
CIE-LCH:
55.1887, 22.0316, 241.2565
CIE-Luv:
55.1887, -24.5975, -27.3475
Hunter-Lab:
48.0761, -10.7283, -14.4640

#558ba5 color charts

#558ba5 RGB chart
#558ba5 CMYK chart
#558ba5 RGB pie chart

#558ba5 color shades, tints & tones

#558ba5 color schemes

#558ba5 #a56f55
Complementary of #558ba5
#55a596 #558ba5 #5563a5
Analogous of #558ba5
#a59655 #558ba5 #a55563
Split complementary of #558ba5
#8ba555 #558ba5 #a5558a
Triadic of #558ba5
#63a555 #558ba5 #9655a5 #a56f55
Square of #558ba5
#8ba555 #558ba5 #6e55a5 #a56f55
Tetradic of #558ba5

#558ba5 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018