HEX #5C6977 color — Shuttle Gray
The color #5C6977 is a dark shade and slightly desaturated.
Palette
5C6977 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5f6 |
rgb(243,245,246) |
hsl(211,13%,96%) |
#e5e8eb |
rgb(229,232,235) |
hsl(211,13%,91%) |
#d7dbe0 |
rgb(215,219,224) |
hsl(211,13%,86%) |
#c8ced5 |
rgb(200,206,213) |
hsl(211,13%,81%) |
#bac2ca |
rgb(186,194,202) |
hsl(211,13%,76%) |
#abb5bf |
rgb(171,181,191) |
hsl(211,13%,71%) |
#9da8b4 |
rgb(157,168,180) |
hsl(211,13%,66%) |
#8f9ba8 |
rgb(143,155,168) |
hsl(211,13%,61%) |
#808e9d |
rgb(128,142,157) |
hsl(211,13%,56%) |
#728292 |
rgb(114,130,146) |
hsl(211,13%,51%) |
#667585 |
rgb(102,117,133) |
hsl(211,13%,46%) |
#5b6876 |
rgb(91,104,118) |
hsl(211,13%,41%) |
#505b68 |
rgb(80,91,104) |
hsl(211,13%,36%) |
#454f59 |
rgb(69,79,89) |
hsl(211,13%,31%) |
#3a424b |
rgb(58,66,75) |
hsl(211,13%,26%) |
#2f353d |
rgb(47,53,61) |
hsl(211,13%,21%) |
#23292e |
rgb(35,41,46) |
hsl(211,13%,16%) |
#181c20 |
rgb(24,28,32) |
hsl(211,13%,11%) |
#0d0f11 |
rgb(13,15,17) |
hsl(211,13%,6%) |
#020303 |
rgb(2,3,3) |
hsl(211,13%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5C7873 |
rgb(92,120,115) |
hsl(169,13%,42%) |
#5C6977 |
rgb(92,105,119) |
hsl(211,13%,41%) |
#615C77 |
rgb(97,92,119) |
hsl(251,13%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7C8A9A |
rgb(124,138,154) |
hsl(212,13%,55%) |
#6A7A8A |
rgb(106,122,138) |
hsl(210,13%,48%) |
#5C6977 |
rgb(92,105,119) |
hsl(211,13%,41%) |
#4D5963 |
rgb(77,89,99) |
hsl(207,13%,35%) |
#3E4750 |
rgb(62,71,80) |
hsl(210,13%,28%) |
#2F363D |
rgb(47,54,61) |
hsl(210,13%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#5C6977 |
rgb(92,105,119) |
hsl(211,13%,41%) |
#775C5C |
rgb(119,92,92) |
hsl(360,13%,41%) |
#76785C |
rgb(118,120,92) |
hsl(64,13%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5C6977 |
rgb(92,105,119) |
hsl(211,13%,41%) |
#776B5C |
rgb(119,107,92) |
hsl(33,13%,41%) |
#5C7577 |
rgb(92,117,119) |
hsl(184,13%,41%) |
#76785C |
rgb(118,120,92) |
hsl(64,13%,42%) |