#558aa9 color information

#558aa9 color space conversions

Hex:
#558aa9
RGB:
85, 138, 169
CMY:
67, 46, 34
CMYK:
50, 18, 0, 34
HSL:
202°, 33.0709%, 49.8039%
HSV (HSB):
202°, 49.7041%, 66.2745%
XYZ:
19.9962, 22.9728, 40.9164
xyY:
0.2384, 0.2739, 22.9728
CIE-Lab:
55.0443, -8.8492, -21.8351
CIE-LCH:
55.0443, 23.5601, 247.9386
CIE-Luv:
55.0443, -24.1247, -31.5436
Hunter-Lab:
47.9300, -9.4079, -17.0631

#558aa9 color charts

#558aa9 RGB chart
#558aa9 CMYK chart
#558aa9 RGB pie chart

#558aa9 color shades, tints & tones

#558aa9 color schemes

#558aa9 #a97455
Complementary of #558aa9
#55a99e #558aa9 #555fa9
Analogous of #558aa9
#a99e55 #558aa9 #a9555f
Split complementary of #558aa9
#89a955 #558aa9 #a95589
Triadic of #558aa9
#5fa955 #558aa9 #9e55a9 #a97455
Square of #558aa9
#89a955 #558aa9 #7455a9 #a97455
Tetradic of #558aa9

#558aa9 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018