HEX #5F6678 color — Shuttle Gray
The color #5F6678 is a dark shade and slightly desaturated.
Palette
5F6678 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f8 |
rgb(246,247,248) |
hsl(223,12%,97%) |
#e8eaed |
rgb(232,234,237) |
hsl(223,12%,92%) |
#dadce2 |
rgb(218,220,226) |
hsl(223,12%,87%) |
#cccfd7 |
rgb(204,207,215) |
hsl(223,12%,82%) |
#bdc1cb |
rgb(189,193,203) |
hsl(223,12%,77%) |
#afb4c0 |
rgb(175,180,192) |
hsl(223,12%,72%) |
#a1a6b5 |
rgb(161,166,181) |
hsl(223,12%,67%) |
#9299aa |
rgb(146,153,170) |
hsl(223,12%,62%) |
#848c9f |
rgb(132,140,159) |
hsl(223,12%,57%) |
#767e93 |
rgb(118,126,147) |
hsl(223,12%,52%) |
#697286 |
rgb(105,114,134) |
hsl(223,12%,47%) |
#5e6678 |
rgb(94,102,120) |
hsl(223,12%,42%) |
#53596a |
rgb(83,89,106) |
hsl(223,12%,37%) |
#484d5b |
rgb(72,77,91) |
hsl(223,12%,32%) |
#3d414d |
rgb(61,65,77) |
hsl(223,12%,27%) |
#31353f |
rgb(49,53,63) |
hsl(223,12%,22%) |
#262931 |
rgb(38,41,49) |
hsl(223,12%,17%) |
#1b1d22 |
rgb(27,29,34) |
hsl(223,12%,12%) |
#101114 |
rgb(16,17,20) |
hsl(223,12%,7%) |
#040506 |
rgb(4,5,6) |
hsl(223,12%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5F7878 |
rgb(95,120,120) |
hsl(180,12%,42%) |
#5F6678 |
rgb(95,102,120) |
hsl(223,12%,42%) |
#685E78 |
rgb(104,94,120) |
hsl(263,12%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80879B |
rgb(128,135,155) |
hsl(224,12%,55%) |
#6E758B |
rgb(110,117,139) |
hsl(226,12%,49%) |
#5F6678 |
rgb(95,102,120) |
hsl(223,12%,42%) |
#4F5764 |
rgb(79,87,100) |
hsl(217,12%,35%) |
#404551 |
rgb(64,69,81) |
hsl(222,12%,28%) |
#31363E |
rgb(49,54,62) |
hsl(217,12%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#5F6678 |
rgb(95,102,120) |
hsl(223,12%,42%) |
#78635F |
rgb(120,99,95) |
hsl(10,12%,42%) |
#72785F |
rgb(114,120,95) |
hsl(74,12%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5F6678 |
rgb(95,102,120) |
hsl(223,12%,42%) |
#78705F |
rgb(120,112,95) |
hsl(41,12%,42%) |
#5F7378 |
rgb(95,115,120) |
hsl(192,12%,42%) |
#72785F |
rgb(114,120,95) |
hsl(74,12%,42%) |