HEX #556C82 color — Blue Bayoux
The color #556c82 is a dark shade and slightly desaturated.
Palette
556c82 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(209,21%,97%) |
#e6ebef |
rgb(230,235,239) |
hsl(209,21%,92%) |
#d7dee5 |
rgb(215,222,229) |
hsl(209,21%,87%) |
#c7d1db |
rgb(199,209,219) |
hsl(209,21%,82%) |
#b8c5d1 |
rgb(184,197,209) |
hsl(209,21%,77%) |
#a9b8c7 |
rgb(169,184,199) |
hsl(209,21%,72%) |
#99abbd |
rgb(153,171,189) |
hsl(209,21%,67%) |
#8a9fb2 |
rgb(138,159,178) |
hsl(209,21%,62%) |
#7a92a8 |
rgb(122,146,168) |
hsl(209,21%,57%) |
#6b859e |
rgb(107,133,158) |
hsl(209,21%,52%) |
#5f7991 |
rgb(95,121,145) |
hsl(209,21%,47%) |
#556c82 |
rgb(85,108,130) |
hsl(209,21%,42%) |
#4b5f72 |
rgb(75,95,114) |
hsl(209,21%,37%) |
#405263 |
rgb(64,82,99) |
hsl(209,21%,32%) |
#364553 |
rgb(54,69,83) |
hsl(209,21%,27%) |
#2c3844 |
rgb(44,56,68) |
hsl(209,21%,22%) |
#222c34 |
rgb(34,44,52) |
hsl(209,21%,17%) |
#181f25 |
rgb(24,31,37) |
hsl(209,21%,12%) |
#0e1216 |
rgb(14,18,22) |
hsl(209,21%,7%) |
#040506 |
rgb(4,5,6) |
hsl(209,21%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#55827A |
rgb(85,130,122) |
hsl(169,21%,42%) |
#556C82 |
rgb(85,108,130) |
hsl(209,21%,42%) |
#5C5482 |
rgb(92,84,130) |
hsl(250,21%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#768FA5 |
rgb(118,143,165) |
hsl(208,21%,55%) |
#627D96 |
rgb(98,125,150) |
hsl(209,21%,49%) |
#556C82 |
rgb(85,108,130) |
hsl(209,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 |
#556C82 |
rgb(85,108,130) |
hsl(209,21%,42%) |
#825455 |
rgb(130,84,85) |
hsl(359,21%,42%) |
#828255 |
rgb(130,130,85) |
hsl(60,21%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556C82 |
rgb(85,108,130) |
hsl(209,21%,42%) |
#826B55 |
rgb(130,107,85) |
hsl(29,21%,42%) |
#558281 |
rgb(85,130,129) |
hsl(179,21%,42%) |
#828255 |
rgb(130,130,85) |
hsl(60,21%,42%) |