HEX #45627D color — Blue Bayoux

The color #45627d is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

45627d color palette from light to dark

HEX RGB HSL
#f8fafb rgb(248,250,251) hsl(209,29%,98%)
#e8edf2 rgb(232,237,242) hsl(209,29%,93%)
#d8e1e9 rgb(216,225,233) hsl(209,29%,88%)
#c7d4e0 rgb(199,212,224) hsl(209,29%,83%)
#b7c7d7 rgb(183,199,215) hsl(209,29%,78%)
#a6bbce rgb(166,187,206) hsl(209,29%,73%)
#96aec5 rgb(150,174,197) hsl(209,29%,68%)
#85a2bc rgb(133,162,188) hsl(209,29%,63%)
#7595b3 rgb(117,149,179) hsl(209,29%,58%)
#6488aa rgb(100,136,170) hsl(209,29%,53%)
#577c9e rgb(87,124,158) hsl(209,29%,48%)
#4e6f8d rgb(78,111,141) hsl(209,29%,43%)
#45627d rgb(69,98,125) hsl(209,29%,38%)
#3c556d rgb(60,85,109) hsl(209,29%,33%)
#33485c rgb(51,72,92) hsl(209,29%,28%)
#2a3b4c rgb(42,59,76) hsl(209,29%,23%)
#212e3b rgb(33,46,59) hsl(209,29%,18%)
#18212b rgb(24,33,43) hsl(209,29%,13%)
#0e151a rgb(14,21,26) hsl(209,29%,8%)
#05080a rgb(5,8,10) hsl(209,29%,3%)

Adjacent colors

HEX RGB HSL
#457D72 rgb(69,125,114) hsl(168,29%,38%)
#45627D rgb(69,98,125) hsl(209,29%,38%)
#4D457D rgb(77,69,125) hsl(249,29%,38%)

Monochromatic colors

HEX RGB HSL
#507391 rgb(80,115,145) hsl(208,29%,44%)
#45627D rgb(69,98,125) hsl(209,29%,38%)
#395269 rgb(57,82,105) hsl(209,30%,32%)
#2E4255 rgb(46,66,85) hsl(209,30%,26%)
#233341 rgb(35,51,65) hsl(208,30%,20%)
#18242D rgb(24,36,45) hsl(206,30%,14%)

Triad color palettes

HEX RGB HSL
#45627D rgb(69,98,125) hsl(209,29%,38%)
#7D4546 rgb(125,69,70) hsl(359,29%,38%)
#7D7D45 rgb(125,125,69) hsl(60,29%,38%)

Tetrad color palettes

HEX RGB HSL
#45627D rgb(69,98,125) hsl(209,29%,38%)
#7D6145 rgb(125,97,69) hsl(30,29%,38%)
#457D7C rgb(69,125,124) hsl(179,29%,38%)
#7D7D45 rgb(125,125,69) hsl(60,29%,38%)