HEX #54667D color — Blue Bayoux

The color #54667D is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

54667D color palette from light to dark

HEX RGB HSL
#f3f5f7 rgb(243,245,247) hsl(214,20%,96%)
#e3e7ed rgb(227,231,237) hsl(214,20%,91%)
#d4dae2 rgb(212,218,226) hsl(214,20%,86%)
#c5cdd8 rgb(197,205,216) hsl(214,20%,81%)
#b6c0ce rgb(182,192,206) hsl(214,20%,76%)
#a6b3c4 rgb(166,179,196) hsl(214,20%,71%)
#97a6ba rgb(151,166,186) hsl(214,20%,66%)
#8899af rgb(136,153,175) hsl(214,20%,61%)
#788ca5 rgb(120,140,165) hsl(214,20%,56%)
#697f9b rgb(105,127,155) hsl(214,20%,51%)
#5e728d rgb(94,114,141) hsl(214,20%,46%)
#54667d rgb(84,102,125) hsl(214,20%,41%)
#49596e rgb(73,89,110) hsl(214,20%,36%)
#3f4d5f rgb(63,77,95) hsl(214,20%,31%)
#354150 rgb(53,65,80) hsl(214,20%,26%)
#2b3440 rgb(43,52,64) hsl(214,20%,21%)
#212831 rgb(33,40,49) hsl(214,20%,16%)
#161b22 rgb(22,27,34) hsl(214,20%,11%)
#0c0f12 rgb(12,15,18) hsl(214,20%,6%)
#020203 rgb(2,2,3) hsl(214,20%,1%)

Adjacent colors

HEX RGB HSL
#547D78 rgb(84,125,120) hsl(173,20%,41%)
#54667D rgb(84,102,125) hsl(214,20%,41%)
#5D547D rgb(93,84,125) hsl(253,20%,41%)

Monochromatic colors

HEX RGB HSL
#7287A0 rgb(114,135,160) hsl(213,19%,54%)
#617591 rgb(97,117,145) hsl(215,20%,47%)
#54667D rgb(84,102,125) hsl(214,20%,41%)
#465769 rgb(70,87,105) hsl(211,20%,34%)
#394555 rgb(57,69,85) hsl(214,20%,28%)
#2B3641 rgb(43,54,65) hsl(210,20%,21%)

Triad color palettes

HEX RGB HSL
#54667D rgb(84,102,125) hsl(214,20%,41%)
#7D5754 rgb(125,87,84) hsl(4,20%,41%)
#7A7D54 rgb(122,125,84) hsl(64,20%,41%)

Tetrad color palettes

HEX RGB HSL
#54667D rgb(84,102,125) hsl(214,20%,41%)
#7D6B54 rgb(125,107,84) hsl(34,20%,41%)
#547A7D rgb(84,122,125) hsl(184,20%,41%)
#7A7D54 rgb(122,125,84) hsl(64,20%,41%)