HEX #5B697C color — Shuttle Gray
The color #5B697C is a dark shade and slightly desaturated.
Palette
5B697C color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f8 |
rgb(246,247,248) |
hsl(215,15%,97%) |
#e8eaee |
rgb(232,234,238) |
hsl(215,15%,92%) |
#d9dde3 |
rgb(217,221,227) |
hsl(215,15%,87%) |
#cad0d8 |
rgb(202,208,216) |
hsl(215,15%,82%) |
#bcc3cd |
rgb(188,195,205) |
hsl(215,15%,77%) |
#adb6c2 |
rgb(173,182,194) |
hsl(215,15%,72%) |
#9ea9b7 |
rgb(158,169,183) |
hsl(215,15%,67%) |
#909cad |
rgb(144,156,173) |
hsl(215,15%,62%) |
#818fa2 |
rgb(129,143,162) |
hsl(215,15%,57%) |
#728297 |
rgb(114,130,151) |
hsl(215,15%,52%) |
#66758a |
rgb(102,117,138) |
hsl(215,15%,47%) |
#5b687b |
rgb(91,104,123) |
hsl(215,15%,42%) |
#505c6d |
rgb(80,92,109) |
hsl(215,15%,37%) |
#45505e |
rgb(69,80,94) |
hsl(215,15%,32%) |
#3b434f |
rgb(59,67,79) |
hsl(215,15%,27%) |
#303741 |
rgb(48,55,65) |
hsl(215,15%,22%) |
#252a32 |
rgb(37,42,50) |
hsl(215,15%,17%) |
#1a1e23 |
rgb(26,30,35) |
hsl(215,15%,12%) |
#0f1115 |
rgb(15,17,21) |
hsl(215,15%,7%) |
#040506 |
rgb(4,5,6) |
hsl(215,15%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5B7D79 |
rgb(91,125,121) |
hsl(173,16%,42%) |
#5B697C |
rgb(91,105,124) |
hsl(215,15%,42%) |
#635C7C |
rgb(99,92,124) |
hsl(253,15%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7C8C9F |
rgb(124,140,159) |
hsl(213,15%,55%) |
#697A8F |
rgb(105,122,143) |
hsl(213,15%,49%) |
#5B697C |
rgb(91,105,124) |
hsl(215,15%,42%) |
#4C5968 |
rgb(76,89,104) |
hsl(212,16%,35%) |
#3D4754 |
rgb(61,71,84) |
hsl(214,16%,28%) |
#2F3640 |
rgb(47,54,64) |
hsl(215,15%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B697C |
rgb(91,105,124) |
hsl(215,15%,42%) |
#7C5E5B |
rgb(124,94,91) |
hsl(5,15%,42%) |
#797D5B |
rgb(121,125,91) |
hsl(67,16%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B697C |
rgb(91,105,124) |
hsl(215,15%,42%) |
#7C6E5B |
rgb(124,110,91) |
hsl(35,15%,42%) |
#5B7A7C |
rgb(91,122,124) |
hsl(184,15%,42%) |
#797D5B |
rgb(121,125,91) |
hsl(67,16%,42%) |