HEX #558CA4 color — Horizon
The color #558CA4 is a light shade and slightly desaturated.
Palette
558CA4 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(198,32%,99%) |
#ebf2f5 |
rgb(235,242,245) |
hsl(198,32%,94%) |
#dae7ec |
rgb(218,231,236) |
hsl(198,32%,89%) |
#c9dbe3 |
rgb(201,219,227) |
hsl(198,32%,84%) |
#b8d0db |
rgb(184,208,219) |
hsl(198,32%,79%) |
#a7c5d2 |
rgb(167,197,210) |
hsl(198,32%,74%) |
#97bac9 |
rgb(151,186,201) |
hsl(198,32%,69%) |
#86afc1 |
rgb(134,175,193) |
hsl(198,32%,64%) |
#75a4b8 |
rgb(117,164,184) |
hsl(198,32%,59%) |
#6499af |
rgb(100,153,175) |
hsl(198,32%,54%) |
#558da5 |
rgb(85,141,165) |
hsl(198,32%,49%) |
#4c7f94 |
rgb(76,127,148) |
hsl(198,32%,44%) |
#447083 |
rgb(68,112,131) |
hsl(198,32%,39%) |
#3b6272 |
rgb(59,98,114) |
hsl(198,32%,34%) |
#325362 |
rgb(50,83,98) |
hsl(198,32%,29%) |
#2a4551 |
rgb(42,69,81) |
hsl(198,32%,24%) |
#213740 |
rgb(33,55,64) |
hsl(198,32%,19%) |
#18282f |
rgb(24,40,47) |
hsl(198,32%,14%) |
#101a1e |
rgb(16,26,30) |
hsl(198,32%,9%) |
#070c0d |
rgb(7,12,13) |
hsl(198,32%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55A387 |
rgb(85,163,135) |
hsl(158,31%,49%) |
#558CA4 |
rgb(85,140,164) |
hsl(198,32%,49%) |
#5557A4 |
rgb(85,87,164) |
hsl(238,32%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87B0C1 |
rgb(135,176,193) |
hsl(198,32%,64%) |
#6D9EB3 |
rgb(109,158,179) |
hsl(198,32%,56%) |
#558CA4 |
rgb(85,140,164) |
hsl(198,32%,49%) |
#477589 |
rgb(71,117,137) |
hsl(198,32%,41%) |
#395E6F |
rgb(57,94,111) |
hsl(199,32%,33%) |
#2C4A55 |
rgb(44,74,85) |
hsl(196,32%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#558CA4 |
rgb(85,140,164) |
hsl(198,32%,49%) |
#A45464 |
rgb(164,84,100) |
hsl(348,32%,49%) |
#A49455 |
rgb(164,148,85) |
hsl(48,32%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558CA4 |
rgb(85,140,164) |
hsl(198,32%,49%) |
#A46E55 |
rgb(164,110,85) |
hsl(19,32%,49%) |
#55A394 |
rgb(85,163,148) |
hsl(168,31%,49%) |
#A49455 |
rgb(164,148,85) |
hsl(48,32%,49%) |