HEX #558CA5 color — Horizon
The color #558ca5 is a light shade and slightly desaturated.
Palette
558ca5 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(199,32%,99%) |
#ebf1f5 |
rgb(235,241,245) |
hsl(199,32%,94%) |
#dae6ec |
rgb(218,230,236) |
hsl(199,32%,89%) |
#c9dbe3 |
rgb(201,219,227) |
hsl(199,32%,84%) |
#b8d0db |
rgb(184,208,219) |
hsl(199,32%,79%) |
#a7c4d2 |
rgb(167,196,210) |
hsl(199,32%,74%) |
#97b9c9 |
rgb(151,185,201) |
hsl(199,32%,69%) |
#86aec1 |
rgb(134,174,193) |
hsl(199,32%,64%) |
#75a3b8 |
rgb(117,163,184) |
hsl(199,32%,59%) |
#6497af |
rgb(100,151,175) |
hsl(199,32%,54%) |
#558ca5 |
rgb(85,140,165) |
hsl(199,32%,49%) |
#4c7d94 |
rgb(76,125,148) |
hsl(199,32%,44%) |
#446f83 |
rgb(68,111,131) |
hsl(199,32%,39%) |
#3b6172 |
rgb(59,97,114) |
hsl(199,32%,34%) |
#325362 |
rgb(50,83,98) |
hsl(199,32%,29%) |
#2a4451 |
rgb(42,68,81) |
hsl(199,32%,24%) |
#213640 |
rgb(33,54,64) |
hsl(199,32%,19%) |
#18282f |
rgb(24,40,47) |
hsl(199,32%,14%) |
#101a1e |
rgb(16,26,30) |
hsl(199,32%,9%) |
#070b0d |
rgb(7,11,13) |
hsl(199,32%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55A688 |
rgb(85,166,136) |
hsl(158,32%,49%) |
#558CA5 |
rgb(85,140,165) |
hsl(199,32%,49%) |
#5557A5 |
rgb(85,87,165) |
hsl(239,32%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#88B0C1 |
rgb(136,176,193) |
hsl(198,31%,65%) |
#6D9EB4 |
rgb(109,158,180) |
hsl(199,32%,57%) |
#558CA5 |
rgb(85,140,165) |
hsl(199,32%,49%) |
#47758A |
rgb(71,117,138) |
hsl(199,32%,41%) |
#395E70 |
rgb(57,94,112) |
hsl(200,33%,33%) |
#2C4A55 |
rgb(44,74,85) |
hsl(196,32%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#558CA5 |
rgb(85,140,165) |
hsl(199,32%,49%) |
#A55464 |
rgb(165,84,100) |
hsl(348,33%,49%) |
#A59655 |
rgb(165,150,85) |
hsl(49,32%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558CA5 |
rgb(85,140,165) |
hsl(199,32%,49%) |
#A56E55 |
rgb(165,110,85) |
hsl(19,32%,49%) |
#55A696 |
rgb(85,166,150) |
hsl(168,32%,49%) |
#A59655 |
rgb(165,150,85) |
hsl(49,32%,49%) |