HEX #558F9D color — Horizon
The color #558F9D is a light shade and slightly desaturated.
Palette
558F9D color palette from light to dark
HEX |
RGB |
HSL |
#f5f9fa |
rgb(245,249,250) |
hsl(192,30%,97%) |
#e4eef1 |
rgb(228,238,241) |
hsl(192,30%,92%) |
#d4e4e8 |
rgb(212,228,232) |
hsl(192,30%,87%) |
#c3d9df |
rgb(195,217,223) |
hsl(192,30%,82%) |
#b3cfd6 |
rgb(179,207,214) |
hsl(192,30%,77%) |
#a2c4cd |
rgb(162,196,205) |
hsl(192,30%,72%) |
#92bac4 |
rgb(146,186,196) |
hsl(192,30%,67%) |
#81b0bb |
rgb(129,176,187) |
hsl(192,30%,62%) |
#70a5b2 |
rgb(112,165,178) |
hsl(192,30%,57%) |
#609ba9 |
rgb(96,155,169) |
hsl(192,30%,52%) |
#548d9c |
rgb(84,141,156) |
hsl(192,30%,47%) |
#4b7e8b |
rgb(75,126,139) |
hsl(192,30%,42%) |
#426f7b |
rgb(66,111,123) |
hsl(192,30%,37%) |
#39606a |
rgb(57,96,106) |
hsl(192,30%,32%) |
#30515a |
rgb(48,81,90) |
hsl(192,30%,27%) |
#274249 |
rgb(39,66,73) |
hsl(192,30%,22%) |
#1e3338 |
rgb(30,51,56) |
hsl(192,30%,17%) |
#152428 |
rgb(21,36,40) |
hsl(192,30%,12%) |
#0c1517 |
rgb(12,21,23) |
hsl(192,30%,7%) |
#040607 |
rgb(4,6,7) |
hsl(192,30%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#559E7B |
rgb(85,158,123) |
hsl(151,30%,48%) |
#558F9D |
rgb(85,143,157) |
hsl(192,30%,47%) |
#555E9D |
rgb(85,94,157) |
hsl(233,30%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83B0BC |
rgb(131,176,188) |
hsl(193,30%,63%) |
#6AA1AE |
rgb(106,161,174) |
hsl(191,30%,55%) |
#558F9D |
rgb(85,143,157) |
hsl(192,30%,47%) |
#477883 |
rgb(71,120,131) |
hsl(191,30%,40%) |
#39616A |
rgb(57,97,106) |
hsl(191,30%,32%) |
#2C4A51 |
rgb(44,74,81) |
hsl(191,30%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#558F9D |
rgb(85,143,157) |
hsl(192,30%,47%) |
#9D546B |
rgb(157,84,107) |
hsl(341,30%,47%) |
#9D8755 |
rgb(157,135,85) |
hsl(42,30%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558F9D |
rgb(85,143,157) |
hsl(192,30%,47%) |
#9D6355 |
rgb(157,99,85) |
hsl(12,30%,47%) |
#559E87 |
rgb(85,158,135) |
hsl(161,30%,48%) |
#9D8755 |
rgb(157,135,85) |
hsl(42,30%,47%) |