HEX #556782 color — Blue Bayoux
The color #556782 is a dark shade and slightly desaturated.
Palette
556782 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(216,21%,97%) |
#e6eaef |
rgb(230,234,239) |
hsl(216,21%,92%) |
#d7dce5 |
rgb(215,220,229) |
hsl(216,21%,87%) |
#c7cfdb |
rgb(199,207,219) |
hsl(216,21%,82%) |
#b8c2d1 |
rgb(184,194,209) |
hsl(216,21%,77%) |
#a9b5c7 |
rgb(169,181,199) |
hsl(216,21%,72%) |
#99a7bd |
rgb(153,167,189) |
hsl(216,21%,67%) |
#8a9ab2 |
rgb(138,154,178) |
hsl(216,21%,62%) |
#7a8da8 |
rgb(122,141,168) |
hsl(216,21%,57%) |
#6b7f9e |
rgb(107,127,158) |
hsl(216,21%,52%) |
#5f7391 |
rgb(95,115,145) |
hsl(216,21%,47%) |
#556782 |
rgb(85,103,130) |
hsl(216,21%,42%) |
#4b5a72 |
rgb(75,90,114) |
hsl(216,21%,37%) |
#404e63 |
rgb(64,78,99) |
hsl(216,21%,32%) |
#364253 |
rgb(54,66,83) |
hsl(216,21%,27%) |
#2c3644 |
rgb(44,54,68) |
hsl(216,21%,22%) |
#222a34 |
rgb(34,42,52) |
hsl(216,21%,17%) |
#181d25 |
rgb(24,29,37) |
hsl(216,21%,12%) |
#0e1116 |
rgb(14,17,22) |
hsl(216,21%,7%) |
#040506 |
rgb(4,5,6) |
hsl(216,21%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#55827F |
rgb(85,130,127) |
hsl(176,21%,42%) |
#556782 |
rgb(85,103,130) |
hsl(216,21%,42%) |
#615482 |
rgb(97,84,130) |
hsl(257,21%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#768AA5 |
rgb(118,138,165) |
hsl(214,21%,55%) |
#627896 |
rgb(98,120,150) |
hsl(215,21%,49%) |
#556782 |
rgb(85,103,130) |
hsl(216,21%,42%) |
#47576D |
rgb(71,87,109) |
hsl(215,21%,35%) |
#394558 |
rgb(57,69,88) |
hsl(217,21%,28%) |
#2C3643 |
rgb(44,54,67) |
hsl(214,21%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#556782 |
rgb(85,103,130) |
hsl(216,21%,42%) |
#825955 |
rgb(130,89,85) |
hsl(5,21%,42%) |
#7D8255 |
rgb(125,130,85) |
hsl(67,21%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556782 |
rgb(85,103,130) |
hsl(216,21%,42%) |
#827055 |
rgb(130,112,85) |
hsl(36,21%,42%) |
#557D82 |
rgb(85,125,130) |
hsl(187,21%,42%) |
#7D8255 |
rgb(125,130,85) |
hsl(67,21%,42%) |