#558ba2 color information

#558ba2 color space conversions

Hex:
#558ba2
RGB:
85, 139, 162
CMY:
67, 45, 36
CMYK:
48, 14, 0, 36
HSL:
198°, 31.1741%, 48.4314%
HSV (HSB):
198°, 47.5309%, 63.5294%
XYZ:
19.5005, 23.0052, 37.5951
xyY:
0.2434, 0.2872, 23.0052
CIE-Lab:
55.0777, -11.4707, -17.7618
CIE-LCH:
55.0777, 21.1437, 237.1453
CIE-Luv:
55.0777, -24.6578, -24.7788
Hunter-Lab:
47.9637, -11.3640, -12.8983

#558ba2 color charts

#558ba2 RGB chart
#558ba2 CMYK chart
#558ba2 RGB pie chart

#558ba2 color shades, tints & tones

#558ba2 color schemes

#558ba2 #a16c55
Complementary of #558ba2
#55a192 #558ba2 #5564a1
Analogous of #558ba2
#a19255 #558ba2 #a15564
Split complementary of #558ba2
#8aa155 #558ba2 #a1558a
Triadic of #558ba2
#64a155 #558ba2 #9255a1 #a16c55
Square of #558ba2
#8aa155 #558ba2 #6b55a1 #a16c55
Tetradic of #558ba2

#558ba2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018