HEX #5A697C color — Shuttle Gray
The color #5a697c is a dark shade and slightly desaturated.
Palette
5a697c color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(214,16%,97%) |
#e7eaee |
rgb(231,234,238) |
hsl(214,16%,92%) |
#d9dde3 |
rgb(217,221,227) |
hsl(214,16%,87%) |
#cad0d8 |
rgb(202,208,216) |
hsl(214,16%,82%) |
#bbc3ce |
rgb(187,195,206) |
hsl(214,16%,77%) |
#acb6c3 |
rgb(172,182,195) |
hsl(214,16%,72%) |
#9da9b8 |
rgb(157,169,184) |
hsl(214,16%,67%) |
#8f9cae |
rgb(143,156,174) |
hsl(214,16%,62%) |
#808fa3 |
rgb(128,143,163) |
hsl(214,16%,57%) |
#718298 |
rgb(113,130,152) |
hsl(214,16%,52%) |
#65758b |
rgb(101,117,139) |
hsl(214,16%,47%) |
#5a697c |
rgb(90,105,124) |
hsl(214,16%,42%) |
#4f5c6d |
rgb(79,92,109) |
hsl(214,16%,37%) |
#45505f |
rgb(69,80,95) |
hsl(214,16%,32%) |
#3a4350 |
rgb(58,67,80) |
hsl(214,16%,27%) |
#2f3741 |
rgb(47,55,65) |
hsl(214,16%,22%) |
#242a32 |
rgb(36,42,50) |
hsl(214,16%,17%) |
#1a1e23 |
rgb(26,30,35) |
hsl(214,16%,12%) |
#0f1115 |
rgb(15,17,21) |
hsl(214,16%,7%) |
#040506 |
rgb(4,5,6) |
hsl(214,16%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A7D78 |
rgb(90,125,120) |
hsl(171,16%,42%) |
#5A697C |
rgb(90,105,124) |
hsl(214,16%,42%) |
#61597C |
rgb(97,89,124) |
hsl(254,16%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7B8C9F |
rgb(123,140,159) |
hsl(212,16%,55%) |
#687A8F |
rgb(104,122,143) |
hsl(212,16%,48%) |
#5A697C |
rgb(90,105,124) |
hsl(214,16%,42%) |
#4B5968 |
rgb(75,89,104) |
hsl(211,16%,35%) |
#3D4754 |
rgb(61,71,84) |
hsl(214,16%,28%) |
#2E3640 |
rgb(46,54,64) |
hsl(213,16%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A697C |
rgb(90,105,124) |
hsl(214,16%,42%) |
#7C5C5A |
rgb(124,92,90) |
hsl(4,16%,42%) |
#7A7D5A |
rgb(122,125,90) |
hsl(65,16%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A697C |
rgb(90,105,124) |
hsl(214,16%,42%) |
#7C6E5A |
rgb(124,110,90) |
hsl(35,16%,42%) |
#5A7A7C |
rgb(90,122,124) |
hsl(184,16%,42%) |
#7A7D5A |
rgb(122,125,90) |
hsl(65,16%,42%) |