HEX #5F677C color — Shuttle Gray
The color #5f677c is a dark shade and slightly desaturated.
Palette
5f677c color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(223,13%,98%) |
#ebecef |
rgb(235,236,239) |
hsl(223,13%,93%) |
#dcdfe4 |
rgb(220,223,228) |
hsl(223,13%,88%) |
#ced1d9 |
rgb(206,209,217) |
hsl(223,13%,83%) |
#c0c4ce |
rgb(192,196,206) |
hsl(223,13%,78%) |
#b1b6c3 |
rgb(177,182,195) |
hsl(223,13%,73%) |
#a3a9b8 |
rgb(163,169,184) |
hsl(223,13%,68%) |
#949bad |
rgb(148,155,173) |
hsl(223,13%,63%) |
#868ea2 |
rgb(134,142,162) |
hsl(223,13%,58%) |
#788097 |
rgb(120,128,151) |
hsl(223,13%,53%) |
#6a748a |
rgb(106,116,138) |
hsl(223,13%,48%) |
#5f677c |
rgb(95,103,124) |
hsl(223,13%,43%) |
#545b6d |
rgb(84,91,109) |
hsl(223,13%,38%) |
#494f5f |
rgb(73,79,95) |
hsl(223,13%,33%) |
#3e4351 |
rgb(62,67,81) |
hsl(223,13%,28%) |
#333742 |
rgb(51,55,66) |
hsl(223,13%,23%) |
#282b34 |
rgb(40,43,52) |
hsl(223,13%,18%) |
#1d1f25 |
rgb(29,31,37) |
hsl(223,13%,13%) |
#121317 |
rgb(18,19,23) |
hsl(223,13%,8%) |
#070709 |
rgb(7,7,9) |
hsl(223,13%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#5F7A7C |
rgb(95,122,124) |
hsl(184,13%,43%) |
#5F677C |
rgb(95,103,124) |
hsl(223,13%,43%) |
#6A5E7C |
rgb(106,94,124) |
hsl(264,14%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#818A9F |
rgb(129,138,159) |
hsl(222,14%,56%) |
#6E788F |
rgb(110,120,143) |
hsl(222,13%,50%) |
#5F677C |
rgb(95,103,124) |
hsl(223,13%,43%) |
#4F5768 |
rgb(79,87,104) |
hsl(221,14%,36%) |
#404554 |
rgb(64,69,84) |
hsl(225,14%,29%) |
#313640 |
rgb(49,54,64) |
hsl(220,13%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#5F677C |
rgb(95,103,124) |
hsl(223,13%,43%) |
#7C665F |
rgb(124,102,95) |
hsl(14,13%,43%) |
#757D5F |
rgb(117,125,95) |
hsl(76,14%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5F677C |
rgb(95,103,124) |
hsl(223,13%,43%) |
#7C735F |
rgb(124,115,95) |
hsl(41,13%,43%) |
#5F757C |
rgb(95,117,124) |
hsl(194,13%,43%) |
#757D5F |
rgb(117,125,95) |
hsl(76,14%,43%) |