#558eb4 color information

#558eb4 color space conversions

Hex:
#558eb4
RGB:
85, 142, 180
CMY:
67, 44, 29
CMYK:
53, 21, 0, 29
HSL:
204°, 38.7755%, 51.9608%
HSV (HSB):
204°, 52.7778%, 70.5882%
XYZ:
21.6575, 24.5726, 46.7815
xyY:
0.2328, 0.2642, 24.5726
CIE-Lab:
56.6566, -7.7811, -25.6459
CIE-LCH:
56.6566, 26.8003, 253.1219
CIE-Luv:
56.6566, -25.4611, -37.9542
Hunter-Lab:
49.5707, -8.7619, -21.2544

#558eb4 color charts

#558eb4 RGB chart
#558eb4 CMYK chart
#558eb4 RGB pie chart

#558eb4 color shades, tints & tones

#558eb4 color schemes

#558eb4 #b47b55
Complementary of #558eb4
#55b4aa #558eb4 #555eb4
Analogous of #558eb4
#b4aa55 #558eb4 #b4555e
Split complementary of #558eb4
#8db455 #558eb4 #b4558d
Triadic of #558eb4
#5eb455 #558eb4 #aa55b4 #b47b55
Square of #558eb4
#8db455 #558eb4 #7b55b4 #b47b55
Tetradic of #558eb4

#558eb4 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018