HEX #557384 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

557384 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(202,22%,98%)
#e9eef1 rgb(233,238,241) hsl(202,22%,93%)
#dae2e7 rgb(218,226,231) hsl(202,22%,88%)
#cad6dd rgb(202,214,221) hsl(202,22%,83%)
#bbcad3 rgb(187,202,211) hsl(202,22%,78%)
#abbec9 rgb(171,190,201) hsl(202,22%,73%)
#9bb2bf rgb(155,178,191) hsl(202,22%,68%)
#8ca6b5 rgb(140,166,181) hsl(202,22%,63%)
#7c9aab rgb(124,154,171) hsl(202,22%,58%)
#6d8ea2 rgb(109,142,162) hsl(202,22%,53%)
#5f8295 rgb(95,130,149) hsl(202,22%,48%)
#567486 rgb(86,116,134) hsl(202,22%,43%)
#4c6776 rgb(76,103,118) hsl(202,22%,38%)
#425967 rgb(66,89,103) hsl(202,22%,33%)
#384c57 rgb(56,76,87) hsl(202,22%,28%)
#2e3e48 rgb(46,62,72) hsl(202,22%,23%)
#243138 rgb(36,49,56) hsl(202,22%,18%)
#1a2328 rgb(26,35,40) hsl(202,22%,13%)
#101619 rgb(16,22,25) hsl(202,22%,8%)
#060809 rgb(6,8,9) hsl(202,22%,3%)

Adjacent colors

HEX RGB HSL
#558575 rgb(85,133,117) hsl(160,22%,43%)
#557384 rgb(85,115,132) hsl(202,22%,43%)
#565484 rgb(86,84,132) hsl(243,22%,42%)

Monochromatic colors

HEX RGB HSL
#7796A7 rgb(119,150,167) hsl(201,21%,56%)
#628599 rgb(98,133,153) hsl(202,22%,49%)
#557384 rgb(85,115,132) hsl(202,22%,43%)
#47616E rgb(71,97,110) hsl(200,22%,35%)
#394F59 rgb(57,79,89) hsl(199,22%,29%)
#2C3B44 rgb(44,59,68) hsl(203,21%,22%)

Triad color palettes

HEX RGB HSL
#557384 rgb(85,115,132) hsl(202,22%,43%)
#84545B rgb(132,84,91) hsl(351,22%,42%)
#847D55 rgb(132,125,85) hsl(51,22%,43%)

Tetrad color palettes

HEX RGB HSL
#557384 rgb(85,115,132) hsl(202,22%,43%)
#846655 rgb(132,102,85) hsl(22,22%,43%)
#55857D rgb(85,133,125) hsl(170,22%,43%)
#847D55 rgb(132,125,85) hsl(51,22%,43%)