HEX #556E86 color — Blue Bayoux

The color #556E86 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

556E86 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(209,22%,98%)
#e9edf1 rgb(233,237,241) hsl(209,22%,93%)
#dae1e7 rgb(218,225,231) hsl(209,22%,88%)
#cad4dd rgb(202,212,221) hsl(209,22%,83%)
#bbc7d3 rgb(187,199,211) hsl(209,22%,78%)
#abbbc9 rgb(171,187,201) hsl(209,22%,73%)
#9baebf rgb(155,174,191) hsl(209,22%,68%)
#8ca1b5 rgb(140,161,181) hsl(209,22%,63%)
#7c95ab rgb(124,149,171) hsl(209,22%,58%)
#6d88a2 rgb(109,136,162) hsl(209,22%,53%)
#5f7b95 rgb(95,123,149) hsl(209,22%,48%)
#566e86 rgb(86,110,134) hsl(209,22%,43%)
#4c6276 rgb(76,98,118) hsl(209,22%,38%)
#425567 rgb(66,85,103) hsl(209,22%,33%)
#384857 rgb(56,72,87) hsl(209,22%,28%)
#2e3b48 rgb(46,59,72) hsl(209,22%,23%)
#242e38 rgb(36,46,56) hsl(209,22%,18%)
#1a2128 rgb(26,33,40) hsl(209,22%,13%)
#101519 rgb(16,21,25) hsl(209,22%,8%)
#060809 rgb(6,8,9) hsl(209,22%,3%)

Adjacent colors

HEX RGB HSL
#55877D rgb(85,135,125) hsl(168,23%,43%)
#556E86 rgb(85,110,134) hsl(209,22%,43%)
#5C5486 rgb(92,84,134) hsl(250,23%,43%)

Monochromatic colors

HEX RGB HSL
#7791A9 rgb(119,145,169) hsl(209,23%,56%)
#62809B rgb(98,128,155) hsl(208,23%,50%)
#556E86 rgb(85,110,134) hsl(209,22%,43%)
#475C70 rgb(71,92,112) hsl(209,22%,36%)
#394A5B rgb(57,74,91) hsl(210,23%,29%)
#2C3845 rgb(44,56,69) hsl(211,22%,22%)

Triad color palettes

HEX RGB HSL
#556E86 rgb(85,110,134) hsl(209,22%,43%)
#865455 rgb(134,84,85) hsl(359,23%,43%)
#868555 rgb(134,133,85) hsl(59,22%,43%)

Tetrad color palettes

HEX RGB HSL
#556E86 rgb(85,110,134) hsl(209,22%,43%)
#866E55 rgb(134,110,85) hsl(31,22%,43%)
#558785 rgb(85,135,133) hsl(178,23%,43%)
#868555 rgb(134,133,85) hsl(59,22%,43%)