HEX #558AA8 color — Horizon
The color #558AA8 is a dark shade and slightly desaturated.
Palette
558AA8 color palette from light to dark
HEX |
RGB |
HSL |
#eef3f6 |
rgb(238,243,246) |
hsl(202,33%,95%) |
#dde8ee |
rgb(221,232,238) |
hsl(202,33%,90%) |
#ccdce5 |
rgb(204,220,229) |
hsl(202,33%,85%) |
#bbd0dd |
rgb(187,208,221) |
hsl(202,33%,80%) |
#aac5d4 |
rgb(170,197,212) |
hsl(202,33%,75%) |
#99b9cc |
rgb(153,185,204) |
hsl(202,33%,70%) |
#88aec3 |
rgb(136,174,195) |
hsl(202,33%,65%) |
#77a2bb |
rgb(119,162,187) |
hsl(202,33%,60%) |
#6696b2 |
rgb(102,150,178) |
hsl(202,33%,55%) |
#558baa |
rgb(85,139,170) |
hsl(202,33%,50%) |
#4d7d99 |
rgb(77,125,153) |
hsl(202,33%,45%) |
#446f88 |
rgb(68,111,136) |
hsl(202,33%,40%) |
#3c6177 |
rgb(60,97,119) |
hsl(202,33%,35%) |
#335366 |
rgb(51,83,102) |
hsl(202,33%,30%) |
#2b4555 |
rgb(43,69,85) |
hsl(202,33%,25%) |
#223744 |
rgb(34,55,68) |
hsl(202,33%,20%) |
#1a2a33 |
rgb(26,42,51) |
hsl(202,33%,15%) |
#111c22 |
rgb(17,28,34) |
hsl(202,33%,10%) |
#090e11 |
rgb(9,14,17) |
hsl(202,33%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55A88E |
rgb(85,168,142) |
hsl(161,33%,50%) |
#558AA8 |
rgb(85,138,168) |
hsl(202,33%,50%) |
#5754A8 |
rgb(87,84,168) |
hsl(242,33%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8AB0C3 |
rgb(138,176,195) |
hsl(200,32%,65%) |
#6F9CB6 |
rgb(111,156,182) |
hsl(202,33%,57%) |
#558AA8 |
rgb(85,138,168) |
hsl(202,33%,50%) |
#47738D |
rgb(71,115,141) |
hsl(202,33%,42%) |
#395E72 |
rgb(57,94,114) |
hsl(201,33%,34%) |
#2C4757 |
rgb(44,71,87) |
hsl(202,33%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#558AA8 |
rgb(85,138,168) |
hsl(202,33%,50%) |
#A85460 |
rgb(168,84,96) |
hsl(351,33%,49%) |
#A89C55 |
rgb(168,156,85) |
hsl(51,33%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558AA8 |
rgb(85,138,168) |
hsl(202,33%,50%) |
#A87355 |
rgb(168,115,85) |
hsl(22,33%,50%) |
#55A89C |
rgb(85,168,156) |
hsl(171,33%,50%) |
#A89C55 |
rgb(168,156,85) |
hsl(51,33%,50%) |