HEX #5A6978 color — Shuttle Gray
The color #5A6978 is a dark shade and slightly desaturated.
Palette
5A6978 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5f6 |
rgb(243,245,246) |
hsl(210,14%,96%) |
#e5e8eb |
rgb(229,232,235) |
hsl(210,14%,91%) |
#d6dbe0 |
rgb(214,219,224) |
hsl(210,14%,86%) |
#c8cfd5 |
rgb(200,207,213) |
hsl(210,14%,81%) |
#b9c2ca |
rgb(185,194,202) |
hsl(210,14%,76%) |
#abb5bf |
rgb(171,181,191) |
hsl(210,14%,71%) |
#9ca8b4 |
rgb(156,168,180) |
hsl(210,14%,66%) |
#8e9ca9 |
rgb(142,156,169) |
hsl(210,14%,61%) |
#7f8f9f |
rgb(127,143,159) |
hsl(210,14%,56%) |
#718294 |
rgb(113,130,148) |
hsl(210,14%,51%) |
#657586 |
rgb(101,117,134) |
hsl(210,14%,46%) |
#5a6977 |
rgb(90,105,119) |
hsl(210,14%,41%) |
#4f5c69 |
rgb(79,92,105) |
hsl(210,14%,36%) |
#444f5a |
rgb(68,79,90) |
hsl(210,14%,31%) |
#39424c |
rgb(57,66,76) |
hsl(210,14%,26%) |
#2e363d |
rgb(46,54,61) |
hsl(210,14%,21%) |
#23292f |
rgb(35,41,47) |
hsl(210,14%,16%) |
#181c20 |
rgb(24,28,32) |
hsl(210,14%,11%) |
#0d0f11 |
rgb(13,15,17) |
hsl(210,14%,6%) |
#020303 |
rgb(2,3,3) |
hsl(210,14%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A7873 |
rgb(90,120,115) |
hsl(170,14%,41%) |
#5A6978 |
rgb(90,105,120) |
hsl(210,14%,41%) |
#5F5978 |
rgb(95,89,120) |
hsl(252,15%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#798A9B |
rgb(121,138,155) |
hsl(210,15%,54%) |
#687A8B |
rgb(104,122,139) |
hsl(209,14%,48%) |
#5A6978 |
rgb(90,105,120) |
hsl(210,14%,41%) |
#4B5964 |
rgb(75,89,100) |
hsl(206,14%,34%) |
#3D4751 |
rgb(61,71,81) |
hsl(210,14%,28%) |
#2E363E |
rgb(46,54,62) |
hsl(210,15%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A6978 |
rgb(90,105,120) |
hsl(210,14%,41%) |
#78595A |
rgb(120,89,90) |
hsl(358,15%,41%) |
#78785A |
rgb(120,120,90) |
hsl(60,14%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A6978 |
rgb(90,105,120) |
hsl(210,14%,41%) |
#78695A |
rgb(120,105,90) |
hsl(30,14%,41%) |
#5A7878 |
rgb(90,120,120) |
hsl(180,14%,41%) |
#78785A |
rgb(120,120,90) |
hsl(60,14%,41%) |