HEX #558CA2 color — Horizon
The color #558CA2 is a light shade and slightly desaturated.
Palette
558CA2 color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfb |
rgb(248,251,251) |
hsl(197,31%,98%) |
#e8f0f3 |
rgb(232,240,243) |
hsl(197,31%,93%) |
#d7e5ea |
rgb(215,229,234) |
hsl(197,31%,88%) |
#c6d9e1 |
rgb(198,217,225) |
hsl(197,31%,83%) |
#b6ced8 |
rgb(182,206,216) |
hsl(197,31%,78%) |
#a5c3cf |
rgb(165,195,207) |
hsl(197,31%,73%) |
#94b8c7 |
rgb(148,184,199) |
hsl(197,31%,68%) |
#83adbe |
rgb(131,173,190) |
hsl(197,31%,63%) |
#73a2b5 |
rgb(115,162,181) |
hsl(197,31%,58%) |
#6297ac |
rgb(98,151,172) |
hsl(197,31%,53%) |
#548ba0 |
rgb(84,139,160) |
hsl(197,31%,48%) |
#4c7c90 |
rgb(76,124,144) |
hsl(197,31%,43%) |
#436e7f |
rgb(67,110,127) |
hsl(197,31%,38%) |
#3a5f6e |
rgb(58,95,110) |
hsl(197,31%,33%) |
#31515e |
rgb(49,81,94) |
hsl(197,31%,28%) |
#28434d |
rgb(40,67,77) |
hsl(197,31%,23%) |
#20343c |
rgb(32,52,60) |
hsl(197,31%,18%) |
#17262b |
rgb(23,38,43) |
hsl(197,31%,13%) |
#0e171b |
rgb(14,23,27) |
hsl(197,31%,8%) |
#05090a |
rgb(5,9,10) |
hsl(197,31%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#55A384 |
rgb(85,163,132) |
hsl(156,31%,49%) |
#558CA2 |
rgb(85,140,162) |
hsl(197,31%,48%) |
#5559A2 |
rgb(85,89,162) |
hsl(237,31%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86B0BF |
rgb(134,176,191) |
hsl(196,31%,64%) |
#6C9EB2 |
rgb(108,158,178) |
hsl(197,31%,56%) |
#558CA2 |
rgb(85,140,162) |
hsl(197,31%,48%) |
#477588 |
rgb(71,117,136) |
hsl(198,31%,41%) |
#395E6E |
rgb(57,94,110) |
hsl(198,32%,33%) |
#2C4A54 |
rgb(44,74,84) |
hsl(195,31%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#558CA2 |
rgb(85,140,162) |
hsl(197,31%,48%) |
#A25465 |
rgb(162,84,101) |
hsl(347,32%,48%) |
#A29155 |
rgb(162,145,85) |
hsl(47,31%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558CA2 |
rgb(85,140,162) |
hsl(197,31%,48%) |
#A26B55 |
rgb(162,107,85) |
hsl(17,31%,48%) |
#55A391 |
rgb(85,163,145) |
hsl(166,31%,49%) |
#A29155 |
rgb(162,145,85) |
hsl(47,31%,48%) |