HEX #556D82 color — Blue Bayoux
The color #556d82 is a dark shade and slightly desaturated.
Palette
556d82 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(208,21%,97%) |
#e6ebef |
rgb(230,235,239) |
hsl(208,21%,92%) |
#d7dee5 |
rgb(215,222,229) |
hsl(208,21%,87%) |
#c7d2db |
rgb(199,210,219) |
hsl(208,21%,82%) |
#b8c5d1 |
rgb(184,197,209) |
hsl(208,21%,77%) |
#a9b9c7 |
rgb(169,185,199) |
hsl(208,21%,72%) |
#99acbd |
rgb(153,172,189) |
hsl(208,21%,67%) |
#8a9fb2 |
rgb(138,159,178) |
hsl(208,21%,62%) |
#7a93a8 |
rgb(122,147,168) |
hsl(208,21%,57%) |
#6b869e |
rgb(107,134,158) |
hsl(208,21%,52%) |
#5f7a91 |
rgb(95,122,145) |
hsl(208,21%,47%) |
#556d82 |
rgb(85,109,130) |
hsl(208,21%,42%) |
#4b6072 |
rgb(75,96,114) |
hsl(208,21%,37%) |
#405363 |
rgb(64,83,99) |
hsl(208,21%,32%) |
#364653 |
rgb(54,70,83) |
hsl(208,21%,27%) |
#2c3944 |
rgb(44,57,68) |
hsl(208,21%,22%) |
#222c34 |
rgb(34,44,52) |
hsl(208,21%,17%) |
#181f25 |
rgb(24,31,37) |
hsl(208,21%,12%) |
#0e1216 |
rgb(14,18,22) |
hsl(208,21%,7%) |
#040506 |
rgb(4,5,6) |
hsl(208,21%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#558279 |
rgb(85,130,121) |
hsl(168,21%,42%) |
#556D82 |
rgb(85,109,130) |
hsl(208,21%,42%) |
#5B5482 |
rgb(91,84,130) |
hsl(249,21%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#768FA5 |
rgb(118,143,165) |
hsl(208,21%,55%) |
#628096 |
rgb(98,128,150) |
hsl(205,21%,49%) |
#556D82 |
rgb(85,109,130) |
hsl(208,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 |
#556D82 |
rgb(85,109,130) |
hsl(208,21%,42%) |
#825456 |
rgb(130,84,86) |
hsl(357,21%,42%) |
#828055 |
rgb(130,128,85) |
hsl(57,21%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556D82 |
rgb(85,109,130) |
hsl(208,21%,42%) |
#826B55 |
rgb(130,107,85) |
hsl(29,21%,42%) |
#558280 |
rgb(85,130,128) |
hsl(177,21%,42%) |
#828055 |
rgb(130,128,85) |
hsl(57,21%,42%) |