HEX #455F78 color — Blue Bayoux
The color #455f78 is a dark shade and slightly desaturated.
Palette
455f78 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7f9 |
rgb(245,247,249) |
hsl(209,27%,97%) |
#e5ebf0 |
rgb(229,235,240) |
hsl(209,27%,92%) |
#d5dee7 |
rgb(213,222,231) |
hsl(209,27%,87%) |
#c5d2dd |
rgb(197,210,221) |
hsl(209,27%,82%) |
#b5c5d4 |
rgb(181,197,212) |
hsl(209,27%,77%) |
#a4b8cb |
rgb(164,184,203) |
hsl(209,27%,72%) |
#94acc2 |
rgb(148,172,194) |
hsl(209,27%,67%) |
#849fb8 |
rgb(132,159,184) |
hsl(209,27%,62%) |
#7492af |
rgb(116,146,175) |
hsl(209,27%,57%) |
#6486a6 |
rgb(100,134,166) |
hsl(209,27%,52%) |
#577998 |
rgb(87,121,152) |
hsl(209,27%,47%) |
#4e6c88 |
rgb(78,108,136) |
hsl(209,27%,42%) |
#455f78 |
rgb(69,95,120) |
hsl(209,27%,37%) |
#3c5268 |
rgb(60,82,104) |
hsl(209,27%,32%) |
#324557 |
rgb(50,69,87) |
hsl(209,27%,27%) |
#293947 |
rgb(41,57,71) |
hsl(209,27%,22%) |
#202c37 |
rgb(32,44,55) |
hsl(209,27%,17%) |
#161f27 |
rgb(22,31,39) |
hsl(209,27%,12%) |
#0d1217 |
rgb(13,18,23) |
hsl(209,27%,7%) |
#040506 |
rgb(4,5,6) |
hsl(209,27%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#45786F |
rgb(69,120,111) |
hsl(169,27%,37%) |
#455F78 |
rgb(69,95,120) |
hsl(209,27%,37%) |
#4D4578 |
rgb(77,69,120) |
hsl(249,27%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#506E8B |
rgb(80,110,139) |
hsl(209,27%,43%) |
#455F78 |
rgb(69,95,120) |
hsl(209,27%,37%) |
#394F64 |
rgb(57,79,100) |
hsl(209,27%,31%) |
#2E4051 |
rgb(46,64,81) |
hsl(209,28%,25%) |
#23303E |
rgb(35,48,62) |
hsl(211,28%,19%) |
#18212B |
rgb(24,33,43) |
hsl(212,28%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#455F78 |
rgb(69,95,120) |
hsl(209,27%,37%) |
#784545 |
rgb(120,69,69) |
hsl(360,27%,37%) |
#787845 |
rgb(120,120,69) |
hsl(60,27%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#455F78 |
rgb(69,95,120) |
hsl(209,27%,37%) |
#785E45 |
rgb(120,94,69) |
hsl(29,27%,37%) |
#457877 |
rgb(69,120,119) |
hsl(179,27%,37%) |
#787845 |
rgb(120,120,69) |
hsl(60,27%,37%) |