HEX #556380 color — Blue Bayoux
The color #556380 is a dark shade and slightly desaturated.
Palette
556380 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(220,20%,97%) |
#e7e9ef |
rgb(231,233,239) |
hsl(220,20%,92%) |
#d7dce4 |
rgb(215,220,228) |
hsl(220,20%,87%) |
#c8ceda |
rgb(200,206,218) |
hsl(220,20%,82%) |
#b9c0d0 |
rgb(185,192,208) |
hsl(220,20%,77%) |
#a9b3c6 |
rgb(169,179,198) |
hsl(220,20%,72%) |
#9aa5bc |
rgb(154,165,188) |
hsl(220,20%,67%) |
#8b98b1 |
rgb(139,152,177) |
hsl(220,20%,62%) |
#7b8aa7 |
rgb(123,138,167) |
hsl(220,20%,57%) |
#6c7c9d |
rgb(108,124,157) |
hsl(220,20%,52%) |
#607090 |
rgb(96,112,144) |
hsl(220,20%,47%) |
#566481 |
rgb(86,100,129) |
hsl(220,20%,42%) |
#4b5871 |
rgb(75,88,113) |
hsl(220,20%,37%) |
#414c62 |
rgb(65,76,98) |
hsl(220,20%,32%) |
#374053 |
rgb(55,64,83) |
hsl(220,20%,27%) |
#2d3443 |
rgb(45,52,67) |
hsl(220,20%,22%) |
#232834 |
rgb(35,40,52) |
hsl(220,20%,17%) |
#181d25 |
rgb(24,29,37) |
hsl(220,20%,12%) |
#0e1115 |
rgb(14,17,21) |
hsl(220,20%,7%) |
#040506 |
rgb(4,5,6) |
hsl(220,20%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#558080 |
rgb(85,128,128) |
hsl(180,20%,42%) |
#556380 |
rgb(85,99,128) |
hsl(220,20%,42%) |
#635480 |
rgb(99,84,128) |
hsl(260,21%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7585A3 |
rgb(117,133,163) |
hsl(219,20%,55%) |
#627394 |
rgb(98,115,148) |
hsl(220,20%,48%) |
#556380 |
rgb(85,99,128) |
hsl(220,20%,42%) |
#47546B |
rgb(71,84,107) |
hsl(218,20%,35%) |
#394257 |
rgb(57,66,87) |
hsl(222,21%,28%) |
#2C3342 |
rgb(44,51,66) |
hsl(221,20%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#556380 |
rgb(85,99,128) |
hsl(220,20%,42%) |
#805C55 |
rgb(128,92,85) |
hsl(10,20%,42%) |
#788055 |
rgb(120,128,85) |
hsl(71,20%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556380 |
rgb(85,99,128) |
hsl(220,20%,42%) |
#807355 |
rgb(128,115,85) |
hsl(42,20%,42%) |
#557880 |
rgb(85,120,128) |
hsl(191,20%,42%) |
#788055 |
rgb(120,128,85) |
hsl(71,20%,42%) |