HEX #556A82 color — Blue Bayoux
The color #556a82 is a dark shade and slightly desaturated.
Palette
556a82 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(212,21%,97%) |
#e6eaef |
rgb(230,234,239) |
hsl(212,21%,92%) |
#d7dde5 |
rgb(215,221,229) |
hsl(212,21%,87%) |
#c7d0db |
rgb(199,208,219) |
hsl(212,21%,82%) |
#b8c4d1 |
rgb(184,196,209) |
hsl(212,21%,77%) |
#a9b7c7 |
rgb(169,183,199) |
hsl(212,21%,72%) |
#99aabd |
rgb(153,170,189) |
hsl(212,21%,67%) |
#8a9db2 |
rgb(138,157,178) |
hsl(212,21%,62%) |
#7a90a8 |
rgb(122,144,168) |
hsl(212,21%,57%) |
#6b839e |
rgb(107,131,158) |
hsl(212,21%,52%) |
#5f7691 |
rgb(95,118,145) |
hsl(212,21%,47%) |
#556a82 |
rgb(85,106,130) |
hsl(212,21%,42%) |
#4b5d72 |
rgb(75,93,114) |
hsl(212,21%,37%) |
#405063 |
rgb(64,80,99) |
hsl(212,21%,32%) |
#364453 |
rgb(54,68,83) |
hsl(212,21%,27%) |
#2c3744 |
rgb(44,55,68) |
hsl(212,21%,22%) |
#222b34 |
rgb(34,43,52) |
hsl(212,21%,17%) |
#181e25 |
rgb(24,30,37) |
hsl(212,21%,12%) |
#0e1216 |
rgb(14,18,22) |
hsl(212,21%,7%) |
#040506 |
rgb(4,5,6) |
hsl(212,21%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#55827C |
rgb(85,130,124) |
hsl(172,21%,42%) |
#556A82 |
rgb(85,106,130) |
hsl(212,21%,42%) |
#5E5482 |
rgb(94,84,130) |
hsl(253,21%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#768CA5 |
rgb(118,140,165) |
hsl(212,21%,55%) |
#627A96 |
rgb(98,122,150) |
hsl(212,21%,49%) |
#556A82 |
rgb(85,106,130) |
hsl(212,21%,42%) |
#47596D |
rgb(71,89,109) |
hsl(212,21%,35%) |
#394758 |
rgb(57,71,88) |
hsl(213,21%,28%) |
#2C3843 |
rgb(44,56,67) |
hsl(209,21%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#556A82 |
rgb(85,106,130) |
hsl(212,21%,42%) |
#825755 |
rgb(130,87,85) |
hsl(3,21%,42%) |
#808255 |
rgb(128,130,85) |
hsl(63,21%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556A82 |
rgb(85,106,130) |
hsl(212,21%,42%) |
#826E55 |
rgb(130,110,85) |
hsl(33,21%,42%) |
#558082 |
rgb(85,128,130) |
hsl(183,21%,42%) |
#808255 |
rgb(128,130,85) |
hsl(63,21%,42%) |