#558bb0 color information

#558bb0 color space conversions

Hex:
#558bb0
RGB:
85, 139, 176
CMY:
67, 45, 31
CMYK:
52, 21, 0, 31
HSL:
204°, 36.5462%, 51.1765%
HSV (HSB):
204°, 51.7045%, 69.0196%
XYZ:
20.8154, 23.5311, 44.5192
xyY:
0.2342, 0.2648, 23.5311
CIE-Lab:
55.6153, -7.3034, -24.9682
CIE-LCH:
55.6153, 26.0144, 253.6954
CIE-Luv:
55.6153, -24.3836, -36.8034
Hunter-Lab:
48.5089, -8.2953, -20.4573

#558bb0 color charts

#558bb0 RGB chart
#558bb0 CMYK chart
#558bb0 RGB pie chart

#558bb0 color shades, tints & tones

#558bb0 color schemes

#558bb0 #b07954
Complementary of #558bb0
#54b0a7 #558bb0 #545db0
Analogous of #558bb0
#b0a754 #558bb0 #b0545d
Split complementary of #558bb0
#8bb054 #558bb0 #b0548b
Triadic of #558bb0
#5db054 #558bb0 #a754b0 #b07954
Square of #558bb0
#8bb054 #558bb0 #7954b0 #b07954
Tetradic of #558bb0

#558bb0 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018