#558eb3 color information

#558eb3 color space conversions

Hex:
#558eb3
RGB:
85, 142, 179
CMY:
67, 44, 30
CMYK:
53, 21, 0, 30
HSL:
204°, 38.2114%, 51.7647%
HSV (HSB):
204°, 52.5140%, 70.1961%
XYZ:
21.5560, 24.5320, 46.2468
xyY:
0.2335, 0.2657, 24.5320
CIE-Lab:
56.6165, -8.0865, -25.1378
CIE-LCH:
56.6165, 26.4064, 252.1677
CIE-Luv:
56.6165, -25.4824, -37.0924
Hunter-Lab:
49.5298, -8.9916, -20.6893

#558eb3 color charts

#558eb3 RGB chart
#558eb3 CMYK chart
#558eb3 RGB pie chart

#558eb3 color shades, tints & tones

#558eb3 color schemes

#558eb3 #b37954
Complementary of #558eb3
#54b3a8 #558eb3 #545fb3
Analogous of #558eb3
#b3a854 #558eb3 #b3545f
Split complementary of #558eb3
#8eb354 #558eb3 #b3548e
Triadic of #558eb3
#5fb354 #558eb3 #a854b3 #b37954
Square of #558eb3
#8eb354 #558eb3 #7954b3 #b37954
Tetradic of #558eb3

#558eb3 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018