#558af1 color information

#558af1 color space conversions

Hex:
#558af1
RGB:
85, 138, 241
CMY:
67, 46, 5
CMYK:
65, 43, 0, 5
HSL:
220°, 84.7826%, 63.9216%
HSV (HSB):
220°, 64.7303%, 94.5098%
XYZ:
28.7120, 26.4591, 86.8129
xyY:
0.2022, 0.1864, 26.4591
CIE-Lab:
58.4703, 14.4962, -57.0577
CIE-LCH:
58.4703, 58.8704, 284.2551
CIE-Luv:
58.4703, -23.1320, -92.1440
Hunter-Lab:
51.4384, 9.6181, -64.0571

#558af1 color charts

#558af1 RGB chart
#558af1 CMYK chart
#558af1 RGB pie chart

#558af1 color shades, tints & tones

#558af1 color schemes

#558af1 #f1bb54
Complementary of #558af1
#54d8f1 #558af1 #6d54f1
Analogous of #558af1
#d8f154 #558af1 #f16d54
Split complementary of #558af1
#8af154 #558af1 #f1548a
Triadic of #558af1
#54f16d #558af1 #f154d8 #f1bb54
Square of #558af1
#8af154 #558af1 #bb54f1 #f1bb54
Tetradic of #558af1

#558af1 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018