HEX #556E7C color — Blue Bayoux
The color #556e7c is a dark shade and slightly desaturated.
Palette
556e7c color palette from light to dark
HEX |
RGB |
HSL |
#f3f5f7 |
rgb(243,245,247) |
hsl(202,19%,96%) |
#e4e9ec |
rgb(228,233,236) |
hsl(202,19%,91%) |
#d5dde2 |
rgb(213,221,226) |
hsl(202,19%,86%) |
#c5d1d8 |
rgb(197,209,216) |
hsl(202,19%,81%) |
#b6c5cd |
rgb(182,197,205) |
hsl(202,19%,76%) |
#a7b9c3 |
rgb(167,185,195) |
hsl(202,19%,71%) |
#98adb9 |
rgb(152,173,185) |
hsl(202,19%,66%) |
#89a1ae |
rgb(137,161,174) |
hsl(202,19%,61%) |
#7994a4 |
rgb(121,148,164) |
hsl(202,19%,56%) |
#6a889a |
rgb(106,136,154) |
hsl(202,19%,51%) |
#5f7b8c |
rgb(95,123,140) |
hsl(202,19%,46%) |
#556e7c |
rgb(85,110,124) |
hsl(202,19%,41%) |
#4a606d |
rgb(74,96,109) |
hsl(202,19%,36%) |
#40535e |
rgb(64,83,94) |
hsl(202,19%,31%) |
#36464f |
rgb(54,70,79) |
hsl(202,19%,26%) |
#2b3840 |
rgb(43,56,64) |
hsl(202,19%,21%) |
#212b31 |
rgb(33,43,49) |
hsl(202,19%,16%) |
#171d21 |
rgb(23,29,33) |
hsl(202,19%,11%) |
#0c1012 |
rgb(12,16,18) |
hsl(202,19%,6%) |
#020303 |
rgb(2,3,3) |
hsl(202,19%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#557D70 |
rgb(85,125,112) |
hsl(161,19%,41%) |
#556E7C |
rgb(85,110,124) |
hsl(202,19%,41%) |
#56547C |
rgb(86,84,124) |
hsl(243,19%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#74919F |
rgb(116,145,159) |
hsl(200,18%,54%) |
#62808F |
rgb(98,128,143) |
hsl(200,19%,47%) |
#556E7C |
rgb(85,110,124) |
hsl(202,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 |
#556E7C |
rgb(85,110,124) |
hsl(202,19%,41%) |
#7C545A |
rgb(124,84,90) |
hsl(351,19%,41%) |
#7C7555 |
rgb(124,117,85) |
hsl(49,19%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556E7C |
rgb(85,110,124) |
hsl(202,19%,41%) |
#7C6355 |
rgb(124,99,85) |
hsl(22,19%,41%) |
#557D76 |
rgb(85,125,118) |
hsl(170,19%,41%) |
#7C7555 |
rgb(124,117,85) |
hsl(49,19%,41%) |