HEX #557080 color — Blue Bayoux

The color #557080 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

557080 color palette from light to dark

HEX RGB HSL
#f6f8f9 rgb(246,248,249) hsl(202,20%,97%)
#e7ecef rgb(231,236,239) hsl(202,20%,92%)
#d7e0e4 rgb(215,224,228) hsl(202,20%,87%)
#c8d4da rgb(200,212,218) hsl(202,20%,82%)
#b9c7d0 rgb(185,199,208) hsl(202,20%,77%)
#a9bbc6 rgb(169,187,198) hsl(202,20%,72%)
#9aafbc rgb(154,175,188) hsl(202,20%,67%)
#8ba3b1 rgb(139,163,177) hsl(202,20%,62%)
#7b97a7 rgb(123,151,167) hsl(202,20%,57%)
#6c8b9d rgb(108,139,157) hsl(202,20%,52%)
#607e90 rgb(96,126,144) hsl(202,20%,47%)
#567181 rgb(86,113,129) hsl(202,20%,42%)
#4b6371 rgb(75,99,113) hsl(202,20%,37%)
#415662 rgb(65,86,98) hsl(202,20%,32%)
#374953 rgb(55,73,83) hsl(202,20%,27%)
#2d3b43 rgb(45,59,67) hsl(202,20%,22%)
#232e34 rgb(35,46,52) hsl(202,20%,17%)
#182025 rgb(24,32,37) hsl(202,20%,12%)
#0e1315 rgb(14,19,21) hsl(202,20%,7%)
#040506 rgb(4,5,6) hsl(202,20%,2%)

Adjacent colors

HEX RGB HSL
#558073 rgb(85,128,115) hsl(162,20%,42%)
#557080 rgb(85,112,128) hsl(202,20%,42%)
#565480 rgb(86,84,128) hsl(243,21%,42%)

Monochromatic colors

HEX RGB HSL
#7591A3 rgb(117,145,163) hsl(203,20%,55%)
#628294 rgb(98,130,148) hsl(202,20%,48%)
#557080 rgb(85,112,128) hsl(202,20%,42%)
#475E6B rgb(71,94,107) hsl(202,20%,35%)
#394D57 rgb(57,77,87) hsl(200,21%,28%)
#2C3B42 rgb(44,59,66) hsl(199,20%,22%)

Triad color palettes

HEX RGB HSL
#557080 rgb(85,112,128) hsl(202,20%,42%)
#80545A rgb(128,84,90) hsl(352,21%,42%)
#807A55 rgb(128,122,85) hsl(52,20%,42%)

Tetrad color palettes

HEX RGB HSL
#557080 rgb(85,112,128) hsl(202,20%,42%)
#806655 rgb(128,102,85) hsl(24,20%,42%)
#55807A rgb(85,128,122) hsl(172,20%,42%)
#807A55 rgb(128,122,85) hsl(52,20%,42%)