HEX #556679 color — Blue Bayoux
The color #556679 is a dark shade and slightly desaturated.
Palette
556679 color palette from light to dark
HEX |
RGB |
HSL |
#f0f2f4 |
rgb(240,242,244) |
hsl(212,17%,95%) |
#e1e5ea |
rgb(225,229,234) |
hsl(212,17%,90%) |
#d2d8df |
rgb(210,216,223) |
hsl(212,17%,85%) |
#c3cbd5 |
rgb(195,203,213) |
hsl(212,17%,80%) |
#b4bfca |
rgb(180,191,202) |
hsl(212,17%,75%) |
#a5b2c0 |
rgb(165,178,192) |
hsl(212,17%,70%) |
#97a5b5 |
rgb(151,165,181) |
hsl(212,17%,65%) |
#8898aa |
rgb(136,152,170) |
hsl(212,17%,60%) |
#798ba0 |
rgb(121,139,160) |
hsl(212,17%,55%) |
#6a7e95 |
rgb(106,126,149) |
hsl(212,17%,50%) |
#5f7186 |
rgb(95,113,134) |
hsl(212,17%,45%) |
#556577 |
rgb(85,101,119) |
hsl(212,17%,40%) |
#4a5868 |
rgb(74,88,104) |
hsl(212,17%,35%) |
#3f4c5a |
rgb(63,76,90) |
hsl(212,17%,30%) |
#353f4b |
rgb(53,63,75) |
hsl(212,17%,25%) |
#2a323c |
rgb(42,50,60) |
hsl(212,17%,20%) |
#20262d |
rgb(32,38,45) |
hsl(212,17%,15%) |
#15191e |
rgb(21,25,30) |
hsl(212,17%,10%) |
#0b0d0f |
rgb(11,13,15) |
hsl(212,17%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#557874 |
rgb(85,120,116) |
hsl(173,17%,40%) |
#556679 |
rgb(85,102,121) |
hsl(212,17%,40%) |
#5C5479 |
rgb(92,84,121) |
hsl(253,18%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#73879C |
rgb(115,135,156) |
hsl(211,17%,53%) |
#62758C |
rgb(98,117,140) |
hsl(213,18%,47%) |
#556679 |
rgb(85,102,121) |
hsl(212,17%,40%) |
#475765 |
rgb(71,87,101) |
hsl(208,17%,34%) |
#394552 |
rgb(57,69,82) |
hsl(211,18%,27%) |
#2C363E |
rgb(44,54,62) |
hsl(207,17%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#556679 |
rgb(85,102,121) |
hsl(212,17%,40%) |
#795755 |
rgb(121,87,85) |
hsl(3,17%,40%) |
#787855 |
rgb(120,120,85) |
hsl(60,17%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556679 |
rgb(85,102,121) |
hsl(212,17%,40%) |
#796955 |
rgb(121,105,85) |
hsl(33,17%,40%) |
#557879 |
rgb(85,120,121) |
hsl(182,17%,40%) |
#787855 |
rgb(120,120,85) |
hsl(60,17%,40%) |