#558aee color information

#558aee color space conversions

Hex:
#558aee
RGB:
85, 138, 238
CMY:
67, 46, 7
CMYK:
64, 42, 0, 7
HSL:
219°, 81.8182%, 63.3333%
HSV (HSB):
219°, 64.2857%, 93.3333%
XYZ:
28.2674, 26.2813, 84.4719
xyY:
0.2033, 0.1890, 26.2813
CIE-Lab:
58.3031, 13.4764, -55.6638
CIE-LCH:
58.3031, 57.2719, 283.6097
CIE-Luv:
58.3031, -23.1573, -89.7302
Hunter-Lab:
51.2653, 8.7097, -61.8088

#558aee color charts

#558aee RGB chart
#558aee CMYK chart
#558aee RGB pie chart

#558aee color shades, tints & tones

#558aee color schemes

#558aee #eeb854
Complementary of #558aee
#54d6ee #558aee #6c54ee
Analogous of #558aee
#d6ee54 #558aee #ee6c54
Split complementary of #558aee
#8aee54 #558aee #ee548a
Triadic of #558aee
#54ee6c #558aee #ee54d6 #eeb854
Square of #558aee
#8aee54 #558aee #b854ee #eeb854
Tetradic of #558aee

#558aee color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018