HEX #556E82 color — Blue Bayoux
The color #556E82 is a dark shade and slightly desaturated.
Palette
556E82 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8f9 |
rgb(246,248,249) |
hsl(207,21%,97%) |
#e6ebef |
rgb(230,235,239) |
hsl(207,21%,92%) |
#d7dfe5 |
rgb(215,223,229) |
hsl(207,21%,87%) |
#c7d2db |
rgb(199,210,219) |
hsl(207,21%,82%) |
#b8c6d1 |
rgb(184,198,209) |
hsl(207,21%,77%) |
#a9b9c7 |
rgb(169,185,199) |
hsl(207,21%,72%) |
#99adbd |
rgb(153,173,189) |
hsl(207,21%,67%) |
#8aa0b2 |
rgb(138,160,178) |
hsl(207,21%,62%) |
#7a94a8 |
rgb(122,148,168) |
hsl(207,21%,57%) |
#6b879e |
rgb(107,135,158) |
hsl(207,21%,52%) |
#5f7a91 |
rgb(95,122,145) |
hsl(207,21%,47%) |
#556d82 |
rgb(85,109,130) |
hsl(207,21%,42%) |
#4b6072 |
rgb(75,96,114) |
hsl(207,21%,37%) |
#405363 |
rgb(64,83,99) |
hsl(207,21%,32%) |
#364653 |
rgb(54,70,83) |
hsl(207,21%,27%) |
#2c3944 |
rgb(44,57,68) |
hsl(207,21%,22%) |
#222c34 |
rgb(34,44,52) |
hsl(207,21%,17%) |
#181f25 |
rgb(24,31,37) |
hsl(207,21%,12%) |
#0e1216 |
rgb(14,18,22) |
hsl(207,21%,7%) |
#040506 |
rgb(4,5,6) |
hsl(207,21%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#558278 |
rgb(85,130,120) |
hsl(167,21%,42%) |
#556E82 |
rgb(85,110,130) |
hsl(207,21%,42%) |
#5A5482 |
rgb(90,84,130) |
hsl(248,21%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7691A5 |
rgb(118,145,165) |
hsl(206,21%,55%) |
#628096 |
rgb(98,128,150) |
hsl(205,21%,49%) |
#556E82 |
rgb(85,110,130) |
hsl(207,21%,42%) |
#475C6D |
rgb(71,92,109) |
hsl(207,21%,35%) |
#394A58 |
rgb(57,74,88) |
hsl(207,21%,28%) |
#2C3843 |
rgb(44,56,67) |
hsl(209,21%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#556E82 |
rgb(85,110,130) |
hsl(207,21%,42%) |
#825457 |
rgb(130,84,87) |
hsl(356,21%,42%) |
#828055 |
rgb(130,128,85) |
hsl(57,21%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556E82 |
rgb(85,110,130) |
hsl(207,21%,42%) |
#826955 |
rgb(130,105,85) |
hsl(27,21%,42%) |
#55827F |
rgb(85,130,127) |
hsl(176,21%,42%) |
#828055 |
rgb(130,128,85) |
hsl(57,21%,42%) |