HEX #556A7C color — Blue Bayoux
The color #556a7c is a dark shade and slightly desaturated.
Palette
556a7c color palette from light to dark
HEX |
RGB |
HSL |
#f3f5f7 |
rgb(243,245,247) |
hsl(208,19%,96%) |
#e4e8ec |
rgb(228,232,236) |
hsl(208,19%,91%) |
#d5dce2 |
rgb(213,220,226) |
hsl(208,19%,86%) |
#c5cfd8 |
rgb(197,207,216) |
hsl(208,19%,81%) |
#b6c3cd |
rgb(182,195,205) |
hsl(208,19%,76%) |
#a7b6c3 |
rgb(167,182,195) |
hsl(208,19%,71%) |
#98a9b9 |
rgb(152,169,185) |
hsl(208,19%,66%) |
#899dae |
rgb(137,157,174) |
hsl(208,19%,61%) |
#7990a4 |
rgb(121,144,164) |
hsl(208,19%,56%) |
#6a849a |
rgb(106,132,154) |
hsl(208,19%,51%) |
#5f778c |
rgb(95,119,140) |
hsl(208,19%,46%) |
#556a7c |
rgb(85,106,124) |
hsl(208,19%,41%) |
#4a5d6d |
rgb(74,93,109) |
hsl(208,19%,36%) |
#40505e |
rgb(64,80,94) |
hsl(208,19%,31%) |
#36434f |
rgb(54,67,79) |
hsl(208,19%,26%) |
#2b3640 |
rgb(43,54,64) |
hsl(208,19%,21%) |
#212931 |
rgb(33,41,49) |
hsl(208,19%,16%) |
#171c21 |
rgb(23,28,33) |
hsl(208,19%,11%) |
#0c0f12 |
rgb(12,15,18) |
hsl(208,19%,6%) |
#020303 |
rgb(2,3,3) |
hsl(208,19%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#557D74 |
rgb(85,125,116) |
hsl(167,19%,41%) |
#556A7C |
rgb(85,106,124) |
hsl(208,19%,41%) |
#5A547C |
rgb(90,84,124) |
hsl(249,19%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#748C9F |
rgb(116,140,159) |
hsl(207,18%,54%) |
#627A8F |
rgb(98,122,143) |
hsl(208,19%,47%) |
#556A7C |
rgb(85,106,124) |
hsl(208,19%,41%) |
#475968 |
rgb(71,89,104) |
hsl(207,19%,34%) |
#394754 |
rgb(57,71,84) |
hsl(209,19%,28%) |
#2C3840 |
rgb(44,56,64) |
hsl(204,19%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#556A7C |
rgb(85,106,124) |
hsl(208,19%,41%) |
#7C5456 |
rgb(124,84,86) |
hsl(357,19%,41%) |
#7C7A55 |
rgb(124,122,85) |
hsl(57,19%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556A7C |
rgb(85,106,124) |
hsl(208,19%,41%) |
#7C6655 |
rgb(124,102,85) |
hsl(26,19%,41%) |
#557D7A |
rgb(85,125,122) |
hsl(176,19%,41%) |
#7C7A55 |
rgb(124,122,85) |
hsl(57,19%,41%) |