#558ef4 color information

#558ef4 color space conversions

Hex:
#558ef4
RGB:
85, 142, 244
CMY:
67, 44, 4
CMYK:
65, 42, 0, 4
HSL:
218°, 87.8453%, 64.5098%
HSV (HSB):
218°, 65.1639%, 95.6863%
XYZ:
29.7484, 27.8090, 89.3877
xyY:
0.2024, 0.1892, 27.8090
CIE-Lab:
59.7157, 13.1173, -56.7261
CIE-LCH:
59.7157, 58.2229, 283.0202
CIE-Luv:
59.7157, -24.3958, -91.8493
Hunter-Lab:
52.7342, 8.4107, -63.5863

#558ef4 color charts

#558ef4 RGB chart
#558ef4 CMYK chart
#558ef4 RGB pie chart

#558ef4 color shades, tints & tones

#558ef4 color schemes

#558ef4 #f3ba55
Complementary of #558ef4
#55ddf3 #558ef4 #6b55f3
Analogous of #558ef4
#ddf355 #558ef4 #f36b55
Split complementary of #558ef4
#8ef355 #558ef4 #f3558e
Triadic of #558ef4
#55f36b #558ef4 #f355dd #f3ba55
Square of #558ef4
#8ef355 #558ef4 #ba55f3 #f3ba55
Tetradic of #558ef4

#558ef4 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018