HEX #565F71 color — Shuttle Gray
The color #565f71 is a dark shade and slightly desaturated.
Palette
565f71 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(220,14%,99%) |
#eeeff2 |
rgb(238,239,242) |
hsl(220,14%,94%) |
#dfe2e7 |
rgb(223,226,231) |
hsl(220,14%,89%) |
#d0d4dc |
rgb(208,212,220) |
hsl(220,14%,84%) |
#c2c7d1 |
rgb(194,199,209) |
hsl(220,14%,79%) |
#b3bac6 |
rgb(179,186,198) |
hsl(220,14%,74%) |
#a5acbb |
rgb(165,172,187) |
hsl(220,14%,69%) |
#969fb0 |
rgb(150,159,176) |
hsl(220,14%,64%) |
#8892a5 |
rgb(136,146,165) |
hsl(220,14%,59%) |
#79849a |
rgb(121,132,154) |
hsl(220,14%,54%) |
#6b778e |
rgb(107,119,142) |
hsl(220,14%,49%) |
#606b80 |
rgb(96,107,128) |
hsl(220,14%,44%) |
#565f71 |
rgb(86,95,113) |
hsl(220,14%,39%) |
#4b5363 |
rgb(75,83,99) |
hsl(220,14%,34%) |
#404654 |
rgb(64,70,84) |
hsl(220,14%,29%) |
#353a46 |
rgb(53,58,70) |
hsl(220,14%,24%) |
#2a2e37 |
rgb(42,46,55) |
hsl(220,14%,19%) |
#1f2229 |
rgb(31,34,41) |
hsl(220,14%,14%) |
#14161a |
rgb(20,22,26) |
hsl(220,14%,9%) |
#090a0c |
rgb(9,10,12) |
hsl(220,14%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#567071 |
rgb(86,112,113) |
hsl(182,14%,39%) |
#565F71 |
rgb(86,95,113) |
hsl(220,14%,39%) |
#5F5771 |
rgb(95,87,113) |
hsl(258,13%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#636E83 |
rgb(99,110,131) |
hsl(219,14%,45%) |
#565F71 |
rgb(86,95,113) |
hsl(220,14%,39%) |
#484F5E |
rgb(72,79,94) |
hsl(221,13%,33%) |
#3A404C |
rgb(58,64,76) |
hsl(220,13%,26%) |
#2C303A |
rgb(44,48,58) |
hsl(223,14%,20%) |
#1E2128 |
rgb(30,33,40) |
hsl(222,14%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#565F71 |
rgb(86,95,113) |
hsl(220,14%,39%) |
#715956 |
rgb(113,89,86) |
hsl(7,14%,39%) |
#6C7056 |
rgb(108,112,86) |
hsl(69,13%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#565F71 |
rgb(86,95,113) |
hsl(220,14%,39%) |
#716956 |
rgb(113,105,86) |
hsl(42,14%,39%) |
#566E71 |
rgb(86,110,113) |
hsl(187,14%,39%) |
#6C7056 |
rgb(108,112,86) |
hsl(69,13%,39%) |