HEX #556D7C color — Blue Bayoux
The color #556d7c is a dark shade and slightly desaturated.
Palette
556d7c color palette from light to dark
HEX |
RGB |
HSL |
#f3f5f7 |
rgb(243,245,247) |
hsl(203,19%,96%) |
#e4e9ec |
rgb(228,233,236) |
hsl(203,19%,91%) |
#d5dde2 |
rgb(213,221,226) |
hsl(203,19%,86%) |
#c5d1d8 |
rgb(197,209,216) |
hsl(203,19%,81%) |
#b6c5cd |
rgb(182,197,205) |
hsl(203,19%,76%) |
#a7b8c3 |
rgb(167,184,195) |
hsl(203,19%,71%) |
#98acb9 |
rgb(152,172,185) |
hsl(203,19%,66%) |
#89a0ae |
rgb(137,160,174) |
hsl(203,19%,61%) |
#7994a4 |
rgb(121,148,164) |
hsl(203,19%,56%) |
#6a889a |
rgb(106,136,154) |
hsl(203,19%,51%) |
#5f7b8c |
rgb(95,123,140) |
hsl(203,19%,46%) |
#556d7c |
rgb(85,109,124) |
hsl(203,19%,41%) |
#4a606d |
rgb(74,96,109) |
hsl(203,19%,36%) |
#40535e |
rgb(64,83,94) |
hsl(203,19%,31%) |
#36454f |
rgb(54,69,79) |
hsl(203,19%,26%) |
#2b3840 |
rgb(43,56,64) |
hsl(203,19%,21%) |
#212b31 |
rgb(33,43,49) |
hsl(203,19%,16%) |
#171d21 |
rgb(23,29,33) |
hsl(203,19%,11%) |
#0c1012 |
rgb(12,16,18) |
hsl(203,19%,6%) |
#020303 |
rgb(2,3,3) |
hsl(203,19%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#557D71 |
rgb(85,125,113) |
hsl(162,19%,41%) |
#556D7C |
rgb(85,109,124) |
hsl(203,19%,41%) |
#57547C |
rgb(87,84,124) |
hsl(245,19%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#748F9F |
rgb(116,143,159) |
hsl(202,18%,54%) |
#62808F |
rgb(98,128,143) |
hsl(200,19%,47%) |
#556D7C |
rgb(85,109,124) |
hsl(203,19%,41%) |
#475C68 |
rgb(71,92,104) |
hsl(202,19%,34%) |
#394A54 |
rgb(57,74,84) |
hsl(202,19%,28%) |
#2C3840 |
rgb(44,56,64) |
hsl(204,19%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#556D7C |
rgb(85,109,124) |
hsl(203,19%,41%) |
#7C5459 |
rgb(124,84,89) |
hsl(353,19%,41%) |
#7C7855 |
rgb(124,120,85) |
hsl(54,19%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556D7C |
rgb(85,109,124) |
hsl(203,19%,41%) |
#7C6355 |
rgb(124,99,85) |
hsl(22,19%,41%) |
#557D77 |
rgb(85,125,119) |
hsl(171,19%,41%) |
#7C7855 |
rgb(124,120,85) |
hsl(54,19%,41%) |