HEX #558AA2 color — Horizon
The color #558AA2 is a dark shade and slightly desaturated.
Palette
558AA2 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafb |
rgb(248,250,251) |
hsl(199,31%,98%) |
#e8eff3 |
rgb(232,239,243) |
hsl(199,31%,93%) |
#d7e4ea |
rgb(215,228,234) |
hsl(199,31%,88%) |
#c6d9e1 |
rgb(198,217,225) |
hsl(199,31%,83%) |
#b6cdd8 |
rgb(182,205,216) |
hsl(199,31%,78%) |
#a5c2cf |
rgb(165,194,207) |
hsl(199,31%,73%) |
#94b7c7 |
rgb(148,183,199) |
hsl(199,31%,68%) |
#83abbe |
rgb(131,171,190) |
hsl(199,31%,63%) |
#73a0b5 |
rgb(115,160,181) |
hsl(199,31%,58%) |
#6295ac |
rgb(98,149,172) |
hsl(199,31%,53%) |
#5488a0 |
rgb(84,136,160) |
hsl(199,31%,48%) |
#4c7a90 |
rgb(76,122,144) |
hsl(199,31%,43%) |
#436c7f |
rgb(67,108,127) |
hsl(199,31%,38%) |
#3a5e6e |
rgb(58,94,110) |
hsl(199,31%,33%) |
#31505e |
rgb(49,80,94) |
hsl(199,31%,28%) |
#28414d |
rgb(40,65,77) |
hsl(199,31%,23%) |
#20333c |
rgb(32,51,60) |
hsl(199,31%,18%) |
#17252b |
rgb(23,37,43) |
hsl(199,31%,13%) |
#0e171b |
rgb(14,23,27) |
hsl(199,31%,8%) |
#05090a |
rgb(5,9,10) |
hsl(199,31%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#55A386 |
rgb(85,163,134) |
hsl(158,31%,49%) |
#558AA2 |
rgb(85,138,162) |
hsl(199,31%,48%) |
#5557A2 |
rgb(85,87,162) |
hsl(238,31%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86ADBF |
rgb(134,173,191) |
hsl(199,31%,64%) |
#6C9CB2 |
rgb(108,156,178) |
hsl(199,31%,56%) |
#558AA2 |
rgb(85,138,162) |
hsl(199,31%,48%) |
#477388 |
rgb(71,115,136) |
hsl(199,31%,41%) |
#395E6E |
rgb(57,94,110) |
hsl(198,32%,33%) |
#2C4754 |
rgb(44,71,84) |
hsl(200,31%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#558AA2 |
rgb(85,138,162) |
hsl(199,31%,48%) |
#A25463 |
rgb(162,84,99) |
hsl(348,32%,48%) |
#A29455 |
rgb(162,148,85) |
hsl(49,31%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558AA2 |
rgb(85,138,162) |
hsl(199,31%,48%) |
#A26E55 |
rgb(162,110,85) |
hsl(19,31%,48%) |
#55A393 |
rgb(85,163,147) |
hsl(168,31%,49%) |
#A29455 |
rgb(162,148,85) |
hsl(49,31%,48%) |