HEX #558CA3 color — Horizon
The color #558CA3 is a light shade and slightly desaturated.
Palette
558CA3 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(198,31%,99%) |
#ebf2f4 |
rgb(235,242,244) |
hsl(198,31%,94%) |
#dae6ec |
rgb(218,230,236) |
hsl(198,31%,89%) |
#cadbe3 |
rgb(202,219,227) |
hsl(198,31%,84%) |
#b9d0da |
rgb(185,208,218) |
hsl(198,31%,79%) |
#a8c5d1 |
rgb(168,197,209) |
hsl(198,31%,74%) |
#97bac8 |
rgb(151,186,200) |
hsl(198,31%,69%) |
#87afc0 |
rgb(135,175,192) |
hsl(198,31%,64%) |
#76a3b7 |
rgb(118,163,183) |
hsl(198,31%,59%) |
#6598ae |
rgb(101,152,174) |
hsl(198,31%,54%) |
#568ca4 |
rgb(86,140,164) |
hsl(198,31%,49%) |
#4d7e93 |
rgb(77,126,147) |
hsl(198,31%,44%) |
#457082 |
rgb(69,112,130) |
hsl(198,31%,39%) |
#3c6172 |
rgb(60,97,114) |
hsl(198,31%,34%) |
#335361 |
rgb(51,83,97) |
hsl(198,31%,29%) |
#2a4550 |
rgb(42,69,80) |
hsl(198,31%,24%) |
#21363f |
rgb(33,54,63) |
hsl(198,31%,19%) |
#19282f |
rgb(25,40,47) |
hsl(198,31%,14%) |
#101a1e |
rgb(16,26,30) |
hsl(198,31%,9%) |
#070b0d |
rgb(7,11,13) |
hsl(198,31%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55A386 |
rgb(85,163,134) |
hsl(158,31%,49%) |
#558CA3 |
rgb(85,140,163) |
hsl(198,31%,49%) |
#5559A3 |
rgb(85,89,163) |
hsl(237,31%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86B0C0 |
rgb(134,176,192) |
hsl(197,32%,64%) |
#6C9EB2 |
rgb(108,158,178) |
hsl(197,31%,56%) |
#558CA3 |
rgb(85,140,163) |
hsl(198,31%,49%) |
#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 |
#558CA3 |
rgb(85,140,163) |
hsl(198,31%,49%) |
#A35465 |
rgb(163,84,101) |
hsl(347,32%,48%) |
#A39455 |
rgb(163,148,85) |
hsl(48,31%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558CA3 |
rgb(85,140,163) |
hsl(198,31%,49%) |
#A36B55 |
rgb(163,107,85) |
hsl(17,31%,49%) |
#55A393 |
rgb(85,163,147) |
hsl(168,31%,49%) |
#A39455 |
rgb(163,148,85) |
hsl(48,31%,49%) |