HEX #566B80 color — Blue Bayoux
The color #566B80 is a dark shade and slightly desaturated.
Palette
566B80 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(210,20%,97%) |
#e7ebef |
rgb(231,235,239) |
hsl(210,20%,92%) |
#d7dee4 |
rgb(215,222,228) |
hsl(210,20%,87%) |
#c8d1da |
rgb(200,209,218) |
hsl(210,20%,82%) |
#b9c4d0 |
rgb(185,196,208) |
hsl(210,20%,77%) |
#a9b8c6 |
rgb(169,184,198) |
hsl(210,20%,72%) |
#9aabbc |
rgb(154,171,188) |
hsl(210,20%,67%) |
#8b9eb1 |
rgb(139,158,177) |
hsl(210,20%,62%) |
#7b91a7 |
rgb(123,145,167) |
hsl(210,20%,57%) |
#6c859d |
rgb(108,133,157) |
hsl(210,20%,52%) |
#607890 |
rgb(96,120,144) |
hsl(210,20%,47%) |
#566b81 |
rgb(86,107,129) |
hsl(210,20%,42%) |
#4b5e71 |
rgb(75,94,113) |
hsl(210,20%,37%) |
#415262 |
rgb(65,82,98) |
hsl(210,20%,32%) |
#374553 |
rgb(55,69,83) |
hsl(210,20%,27%) |
#2d3843 |
rgb(45,56,67) |
hsl(210,20%,22%) |
#232b34 |
rgb(35,43,52) |
hsl(210,20%,17%) |
#181f25 |
rgb(24,31,37) |
hsl(210,20%,12%) |
#0e1215 |
rgb(14,18,21) |
hsl(210,20%,7%) |
#040506 |
rgb(4,5,6) |
hsl(210,20%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#568079 |
rgb(86,128,121) |
hsl(170,20%,42%) |
#566B80 |
rgb(86,107,128) |
hsl(210,20%,42%) |
#5D5780 |
rgb(93,87,128) |
hsl(249,19%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#768CA3 |
rgb(118,140,163) |
hsl(211,20%,55%) |
#637D94 |
rgb(99,125,148) |
hsl(208,20%,48%) |
#566B80 |
rgb(86,107,128) |
hsl(210,20%,42%) |
#48596B |
rgb(72,89,107) |
hsl(211,20%,35%) |
#3A4A57 |
rgb(58,74,87) |
hsl(207,20%,28%) |
#2C3842 |
rgb(44,56,66) |
hsl(207,20%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#566B80 |
rgb(86,107,128) |
hsl(210,20%,42%) |
#805756 |
rgb(128,87,86) |
hsl(1,20%,42%) |
#808056 |
rgb(128,128,86) |
hsl(60,20%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#566B80 |
rgb(86,107,128) |
hsl(210,20%,42%) |
#806B56 |
rgb(128,107,86) |
hsl(30,20%,42%) |
#568080 |
rgb(86,128,128) |
hsl(180,20%,42%) |
#808056 |
rgb(128,128,86) |
hsl(60,20%,42%) |