HEX #566180 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

566180 color palette from light to dark

HEX RGB HSL
#f6f7f9 rgb(246,247,249) hsl(224,20%,97%)
#e7e9ef rgb(231,233,239) hsl(224,20%,92%)
#d7dbe4 rgb(215,219,228) hsl(224,20%,87%)
#c8cdda rgb(200,205,218) hsl(224,20%,82%)
#b9bfd0 rgb(185,191,208) hsl(224,20%,77%)
#a9b1c6 rgb(169,177,198) hsl(224,20%,72%)
#9aa3bc rgb(154,163,188) hsl(224,20%,67%)
#8b95b1 rgb(139,149,177) hsl(224,20%,62%)
#7b87a7 rgb(123,135,167) hsl(224,20%,57%)
#6c799d rgb(108,121,157) hsl(224,20%,52%)
#606d90 rgb(96,109,144) hsl(224,20%,47%)
#566181 rgb(86,97,129) hsl(224,20%,42%)
#4b5671 rgb(75,86,113) hsl(224,20%,37%)
#414a62 rgb(65,74,98) hsl(224,20%,32%)
#373e53 rgb(55,62,83) hsl(224,20%,27%)
#2d3343 rgb(45,51,67) hsl(224,20%,22%)
#232734 rgb(35,39,52) hsl(224,20%,17%)
#181c25 rgb(24,28,37) hsl(224,20%,12%)
#0e1015 rgb(14,16,21) hsl(224,20%,7%)
#040506 rgb(4,5,6) hsl(224,20%,2%)

Adjacent colors

HEX RGB HSL
#567D80 rgb(86,125,128) hsl(184,20%,42%)
#566180 rgb(86,97,128) hsl(224,20%,42%)
#675780 rgb(103,87,128) hsl(263,19%,42%)

Monochromatic colors

HEX RGB HSL
#7682A3 rgb(118,130,163) hsl(224,20%,55%)
#637094 rgb(99,112,148) hsl(224,20%,48%)
#566180 rgb(86,97,128) hsl(224,20%,42%)
#48526B rgb(72,82,107) hsl(223,20%,35%)
#3A4257 rgb(58,66,87) hsl(223,20%,28%)
#2C3342 rgb(44,51,66) hsl(221,20%,22%)

Triad color palettes

HEX RGB HSL
#566180 rgb(86,97,128) hsl(224,20%,42%)
#806156 rgb(128,97,86) hsl(16,20%,42%)
#768056 rgb(118,128,86) hsl(74,20%,42%)

Tetrad color palettes

HEX RGB HSL
#566180 rgb(86,97,128) hsl(224,20%,42%)
#807556 rgb(128,117,86) hsl(44,20%,42%)
#567580 rgb(86,117,128) hsl(196,20%,42%)
#768056 rgb(118,128,86) hsl(74,20%,42%)