HEX #455C78 color — Blue Bayoux
The color #455c78 is a dark shade and slightly desaturated.
Palette
455c78 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7f9 |
rgb(245,247,249) |
hsl(213,27%,97%) |
#e5eaf0 |
rgb(229,234,240) |
hsl(213,27%,92%) |
#d5dde7 |
rgb(213,221,231) |
hsl(213,27%,87%) |
#c5d0dd |
rgb(197,208,221) |
hsl(213,27%,82%) |
#b5c3d4 |
rgb(181,195,212) |
hsl(213,27%,77%) |
#a4b6cb |
rgb(164,182,203) |
hsl(213,27%,72%) |
#94a9c2 |
rgb(148,169,194) |
hsl(213,27%,67%) |
#849bb8 |
rgb(132,155,184) |
hsl(213,27%,62%) |
#748eaf |
rgb(116,142,175) |
hsl(213,27%,57%) |
#6481a6 |
rgb(100,129,166) |
hsl(213,27%,52%) |
#577598 |
rgb(87,117,152) |
hsl(213,27%,47%) |
#4e6888 |
rgb(78,104,136) |
hsl(213,27%,42%) |
#455c78 |
rgb(69,92,120) |
hsl(213,27%,37%) |
#3c4f68 |
rgb(60,79,104) |
hsl(213,27%,32%) |
#324357 |
rgb(50,67,87) |
hsl(213,27%,27%) |
#293747 |
rgb(41,55,71) |
hsl(213,27%,22%) |
#202a37 |
rgb(32,42,55) |
hsl(213,27%,17%) |
#161e27 |
rgb(22,30,39) |
hsl(213,27%,12%) |
#0d1117 |
rgb(13,17,23) |
hsl(213,27%,7%) |
#040506 |
rgb(4,5,6) |
hsl(213,27%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#457872 |
rgb(69,120,114) |
hsl(173,27%,37%) |
#455C78 |
rgb(69,92,120) |
hsl(213,27%,37%) |
#504578 |
rgb(80,69,120) |
hsl(253,27%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#506B8B |
rgb(80,107,139) |
hsl(213,27%,43%) |
#455C78 |
rgb(69,92,120) |
hsl(213,27%,37%) |
#394D64 |
rgb(57,77,100) |
hsl(212,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 |
#455C78 |
rgb(69,92,120) |
hsl(213,27%,37%) |
#784745 |
rgb(120,71,69) |
hsl(2,27%,37%) |
#757845 |
rgb(117,120,69) |
hsl(64,27%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#455C78 |
rgb(69,92,120) |
hsl(213,27%,37%) |
#786145 |
rgb(120,97,69) |
hsl(33,27%,37%) |
#457578 |
rgb(69,117,120) |
hsl(184,27%,37%) |
#757845 |
rgb(117,120,69) |
hsl(64,27%,37%) |