#558be4 color information

#558be4 color space conversions

Hex:
#558be4
RGB:
85, 139, 228
CMY:
67, 45, 11
CMYK:
63, 39, 0, 11
HSL:
217°, 72.5888%, 61.3725%
HSV (HSB):
217°, 62.7193%, 89.4118%
XYZ:
26.9825, 25.9980, 76.9948
xyY:
0.2076, 0.2000, 25.9980
CIE-Lab:
58.0351, 9.4961, -50.5352
CIE-LCH:
58.0351, 51.4197, 280.6424
CIE-Luv:
58.0351, -23.5878, -80.8913
Hunter-Lab:
50.9882, 5.2313, -53.8392

#558be4 color charts

#558be4 RGB chart
#558be4 CMYK chart
#558be4 RGB pie chart

#558be4 color shades, tints & tones

#558be4 color schemes

#558be4 #e3ad55
Complementary of #558be4
#55d2e3 #558be4 #6655e3
Analogous of #558be4
#d2e355 #558be4 #e36655
Split complementary of #558be4
#8be355 #558be4 #e3558a
Triadic of #558be4
#55e366 #558be4 #e355d2 #e3ad55
Square of #558be4
#8be355 #558be4 #ad55e3 #e3ad55
Tetradic of #558be4

#558be4 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018