HEX #558AA5 color — Horizon
The color #558AA5 is a dark shade and slightly desaturated.
Palette
558AA5 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(200,32%,99%) |
#ebf1f5 |
rgb(235,241,245) |
hsl(200,32%,94%) |
#dae6ec |
rgb(218,230,236) |
hsl(200,32%,89%) |
#c9dbe3 |
rgb(201,219,227) |
hsl(200,32%,84%) |
#b8cfdb |
rgb(184,207,219) |
hsl(200,32%,79%) |
#a7c4d2 |
rgb(167,196,210) |
hsl(200,32%,74%) |
#97b8c9 |
rgb(151,184,201) |
hsl(200,32%,69%) |
#86adc1 |
rgb(134,173,193) |
hsl(200,32%,64%) |
#75a2b8 |
rgb(117,162,184) |
hsl(200,32%,59%) |
#6496af |
rgb(100,150,175) |
hsl(200,32%,54%) |
#558aa5 |
rgb(85,138,165) |
hsl(200,32%,49%) |
#4c7c94 |
rgb(76,124,148) |
hsl(200,32%,44%) |
#446e83 |
rgb(68,110,131) |
hsl(200,32%,39%) |
#3b6072 |
rgb(59,96,114) |
hsl(200,32%,34%) |
#325262 |
rgb(50,82,98) |
hsl(200,32%,29%) |
#2a4451 |
rgb(42,68,81) |
hsl(200,32%,24%) |
#213640 |
rgb(33,54,64) |
hsl(200,32%,19%) |
#18282f |
rgb(24,40,47) |
hsl(200,32%,14%) |
#10191e |
rgb(16,25,30) |
hsl(200,32%,9%) |
#070b0d |
rgb(7,11,13) |
hsl(200,32%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55A68A |
rgb(85,166,138) |
hsl(159,32%,49%) |
#558AA5 |
rgb(85,138,165) |
hsl(200,32%,49%) |
#5554A5 |
rgb(85,84,165) |
hsl(241,33%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#88ADC1 |
rgb(136,173,193) |
hsl(201,31%,65%) |
#6D9CB4 |
rgb(109,156,180) |
hsl(200,32%,57%) |
#558AA5 |
rgb(85,138,165) |
hsl(200,32%,49%) |
#47738A |
rgb(71,115,138) |
hsl(201,32%,41%) |
#395E70 |
rgb(57,94,112) |
hsl(200,33%,33%) |
#2C4755 |
rgb(44,71,85) |
hsl(200,32%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#558AA5 |
rgb(85,138,165) |
hsl(200,32%,49%) |
#A55462 |
rgb(165,84,98) |
hsl(350,33%,49%) |
#A59955 |
rgb(165,153,85) |
hsl(51,32%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558AA5 |
rgb(85,138,165) |
hsl(200,32%,49%) |
#A57055 |
rgb(165,112,85) |
hsl(20,32%,49%) |
#55A698 |
rgb(85,166,152) |
hsl(170,32%,49%) |
#A59955 |
rgb(165,153,85) |
hsl(51,32%,49%) |