#558ba4 color information

#558ba4 color space conversions

Hex:
#558ba4
RGB:
85, 139, 164
CMY:
67, 45, 36
CMYK:
48, 15, 0, 36
HSL:
199°, 31.7269%, 48.8235%
HSV (HSB):
199°, 48.1707%, 64.3137%
XYZ:
19.6798, 23.0769, 38.5390
xyY:
0.2421, 0.2839, 23.0769
CIE-Lab:
55.1514, -10.8878, -18.7992
CIE-LCH:
55.1514, 21.7245, 239.9221
CIE-Luv:
55.1514, -24.6175, -26.4906
Hunter-Lab:
48.0384, -10.9415, -13.9388

#558ba4 color charts

#558ba4 RGB chart
#558ba4 CMYK chart
#558ba4 RGB pie chart

#558ba4 color shades, tints & tones

#558ba4 color schemes

#558ba4 #a46e55
Complementary of #558ba4
#55a495 #558ba4 #5563a4
Analogous of #558ba4
#a49555 #558ba4 #a45563
Split complementary of #558ba4
#8ba455 #558ba4 #a4558a
Triadic of #558ba4
#63a455 #558ba4 #9555a4 #a46e55
Square of #558ba4
#8ba455 #558ba4 #6d55a4 #a46e55
Tetradic of #558ba4

#558ba4 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018