HEX #60677B color — Shuttle Gray
The color #60677B is a dark shade and slightly desaturated.
Palette
60677B color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(224,12%,98%) |
#ebecef |
rgb(235,236,239) |
hsl(224,12%,93%) |
#dddfe4 |
rgb(221,223,228) |
hsl(224,12%,88%) |
#ced1d9 |
rgb(206,209,217) |
hsl(224,12%,83%) |
#c0c4ce |
rgb(192,196,206) |
hsl(224,12%,78%) |
#b2b6c2 |
rgb(178,182,194) |
hsl(224,12%,73%) |
#a4a9b7 |
rgb(164,169,183) |
hsl(224,12%,68%) |
#959bac |
rgb(149,155,172) |
hsl(224,12%,63%) |
#878ea1 |
rgb(135,142,161) |
hsl(224,12%,58%) |
#798096 |
rgb(121,128,150) |
hsl(224,12%,53%) |
#6c7489 |
rgb(108,116,137) |
hsl(224,12%,48%) |
#60687b |
rgb(96,104,123) |
hsl(224,12%,43%) |
#555b6d |
rgb(85,91,109) |
hsl(224,12%,38%) |
#4a4f5e |
rgb(74,79,94) |
hsl(224,12%,33%) |
#3f4350 |
rgb(63,67,80) |
hsl(224,12%,28%) |
#343742 |
rgb(52,55,66) |
hsl(224,12%,23%) |
#282b33 |
rgb(40,43,51) |
hsl(224,12%,18%) |
#1d1f25 |
rgb(29,31,37) |
hsl(224,12%,13%) |
#121317 |
rgb(18,19,23) |
hsl(224,12%,8%) |
#070709 |
rgb(7,7,9) |
hsl(224,12%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#60787B |
rgb(96,120,123) |
hsl(187,12%,43%) |
#60677B |
rgb(96,103,123) |
hsl(224,12%,43%) |
#6B617B |
rgb(107,97,123) |
hsl(263,12%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#828A9E |
rgb(130,138,158) |
hsl(223,13%,56%) |
#6F788E |
rgb(111,120,142) |
hsl(223,12%,50%) |
#60677B |
rgb(96,103,123) |
hsl(224,12%,43%) |
#505767 |
rgb(80,87,103) |
hsl(222,13%,36%) |
#414553 |
rgb(65,69,83) |
hsl(227,12%,29%) |
#31363F |
rgb(49,54,63) |
hsl(219,13%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#60677B |
rgb(96,103,123) |
hsl(224,12%,43%) |
#7B6660 |
rgb(123,102,96) |
hsl(13,12%,43%) |
#747A60 |
rgb(116,122,96) |
hsl(74,12%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#60677B |
rgb(96,103,123) |
hsl(224,12%,43%) |
#7B7360 |
rgb(123,115,96) |
hsl(42,12%,43%) |
#60757B |
rgb(96,117,123) |
hsl(193,12%,43%) |
#747A60 |
rgb(116,122,96) |
hsl(74,12%,43%) |