HEX #566E80 color — Blue Bayoux
The color #566E80 is a dark shade and slightly desaturated.
Palette
566E80 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8f9 |
rgb(246,248,249) |
hsl(206,20%,97%) |
#e7ebef |
rgb(231,235,239) |
hsl(206,20%,92%) |
#d7dfe4 |
rgb(215,223,228) |
hsl(206,20%,87%) |
#c8d2da |
rgb(200,210,218) |
hsl(206,20%,82%) |
#b9c6d0 |
rgb(185,198,208) |
hsl(206,20%,77%) |
#a9bac6 |
rgb(169,186,198) |
hsl(206,20%,72%) |
#9aadbc |
rgb(154,173,188) |
hsl(206,20%,67%) |
#8ba1b1 |
rgb(139,161,177) |
hsl(206,20%,62%) |
#7b94a7 |
rgb(123,148,167) |
hsl(206,20%,57%) |
#6c889d |
rgb(108,136,157) |
hsl(206,20%,52%) |
#607b90 |
rgb(96,123,144) |
hsl(206,20%,47%) |
#566e81 |
rgb(86,110,129) |
hsl(206,20%,42%) |
#4b6171 |
rgb(75,97,113) |
hsl(206,20%,37%) |
#415462 |
rgb(65,84,98) |
hsl(206,20%,32%) |
#374753 |
rgb(55,71,83) |
hsl(206,20%,27%) |
#2d3a43 |
rgb(45,58,67) |
hsl(206,20%,22%) |
#232d34 |
rgb(35,45,52) |
hsl(206,20%,17%) |
#181f25 |
rgb(24,31,37) |
hsl(206,20%,12%) |
#0e1215 |
rgb(14,18,21) |
hsl(206,20%,7%) |
#040506 |
rgb(4,5,6) |
hsl(206,20%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#568076 |
rgb(86,128,118) |
hsl(166,20%,42%) |
#566E80 |
rgb(86,110,128) |
hsl(206,20%,42%) |
#5A5780 |
rgb(90,87,128) |
hsl(244,19%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7691A3 |
rgb(118,145,163) |
hsl(204,20%,55%) |
#638094 |
rgb(99,128,148) |
hsl(204,20%,48%) |
#566E80 |
rgb(86,110,128) |
hsl(206,20%,42%) |
#485C6B |
rgb(72,92,107) |
hsl(206,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 |
#566E80 |
rgb(86,110,128) |
hsl(206,20%,42%) |
#805759 |
rgb(128,87,89) |
hsl(357,19%,42%) |
#807D56 |
rgb(128,125,86) |
hsl(56,20%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#566E80 |
rgb(86,110,128) |
hsl(206,20%,42%) |
#806956 |
rgb(128,105,86) |
hsl(27,20%,42%) |
#56807D |
rgb(86,128,125) |
hsl(176,20%,42%) |
#807D56 |
rgb(128,125,86) |
hsl(56,20%,42%) |