HEX #45617E color — Blue Bayoux

The color #45617E is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

45617E color palette from light to dark

HEX RGB HSL
#f8fafb rgb(248,250,251) hsl(211,29%,98%)
#e8edf2 rgb(232,237,242) hsl(211,29%,93%)
#d8e0e9 rgb(216,224,233) hsl(211,29%,88%)
#c7d3e0 rgb(199,211,224) hsl(211,29%,83%)
#b7c6d7 rgb(183,198,215) hsl(211,29%,78%)
#a6b9ce rgb(166,185,206) hsl(211,29%,73%)
#96adc5 rgb(150,173,197) hsl(211,29%,68%)
#85a0bc rgb(133,160,188) hsl(211,29%,63%)
#7593b3 rgb(117,147,179) hsl(211,29%,58%)
#6486aa rgb(100,134,170) hsl(211,29%,53%)
#57799e rgb(87,121,158) hsl(211,29%,48%)
#4e6d8d rgb(78,109,141) hsl(211,29%,43%)
#45607d rgb(69,96,125) hsl(211,29%,38%)
#3c536d rgb(60,83,109) hsl(211,29%,33%)
#33475c rgb(51,71,92) hsl(211,29%,28%)
#2a3a4c rgb(42,58,76) hsl(211,29%,23%)
#212d3b rgb(33,45,59) hsl(211,29%,18%)
#18212b rgb(24,33,43) hsl(211,29%,13%)
#0e141a rgb(14,20,26) hsl(211,29%,8%)
#05080a rgb(5,8,10) hsl(211,29%,3%)

Adjacent colors

HEX RGB HSL
#457D75 rgb(69,125,117) hsl(171,29%,38%)
#45617E rgb(69,97,126) hsl(211,29%,38%)
#4F457E rgb(79,69,126) hsl(251,29%,38%)

Monochromatic colors

HEX RGB HSL
#507092 rgb(80,112,146) hsl(211,29%,44%)
#45617E rgb(69,97,126) hsl(211,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
#45617E rgb(69,97,126) hsl(211,29%,38%)
#7E4545 rgb(126,69,69) hsl(360,29%,38%)
#7D7D45 rgb(125,125,69) hsl(60,29%,38%)

Tetrad color palettes

HEX RGB HSL
#45617E rgb(69,97,126) hsl(211,29%,38%)
#7E6145 rgb(126,97,69) hsl(29,29%,38%)
#457D7E rgb(69,125,126) hsl(181,29%,38%)
#7D7D45 rgb(125,125,69) hsl(60,29%,38%)