HEX #5A697E color — Shuttle Gray
The color #5A697E is a dark shade and slightly desaturated.
Palette
5A697E color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(215,17%,97%) |
#e7eaee |
rgb(231,234,238) |
hsl(215,17%,92%) |
#d8dde3 |
rgb(216,221,227) |
hsl(215,17%,87%) |
#c9d0d9 |
rgb(201,208,217) |
hsl(215,17%,82%) |
#bac3ce |
rgb(186,195,206) |
hsl(215,17%,77%) |
#abb6c4 |
rgb(171,182,196) |
hsl(215,17%,72%) |
#9da8b9 |
rgb(157,168,185) |
hsl(215,17%,67%) |
#8e9baf |
rgb(142,155,175) |
hsl(215,17%,62%) |
#7f8ea4 |
rgb(127,142,164) |
hsl(215,17%,57%) |
#708199 |
rgb(112,129,153) |
hsl(215,17%,52%) |
#63748c |
rgb(99,116,140) |
hsl(215,17%,47%) |
#59687d |
rgb(89,104,125) |
hsl(215,17%,42%) |
#4e5c6e |
rgb(78,92,110) |
hsl(215,17%,37%) |
#444f5f |
rgb(68,79,95) |
hsl(215,17%,32%) |
#394351 |
rgb(57,67,81) |
hsl(215,17%,27%) |
#2f3742 |
rgb(47,55,66) |
hsl(215,17%,22%) |
#242a33 |
rgb(36,42,51) |
hsl(215,17%,17%) |
#191e24 |
rgb(25,30,36) |
hsl(215,17%,12%) |
#0f1115 |
rgb(15,17,21) |
hsl(215,17%,7%) |
#040506 |
rgb(4,5,6) |
hsl(215,17%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A7D7B |
rgb(90,125,123) |
hsl(177,16%,42%) |
#5A697E |
rgb(90,105,126) |
hsl(215,17%,42%) |
#63597E |
rgb(99,89,126) |
hsl(256,17%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7B8CA1 |
rgb(123,140,161) |
hsl(213,17%,56%) |
#687A92 |
rgb(104,122,146) |
hsl(214,17%,49%) |
#5A697E |
rgb(90,105,126) |
hsl(215,17%,42%) |
#4B5969 |
rgb(75,89,105) |
hsl(212,17%,35%) |
#3D4755 |
rgb(61,71,85) |
hsl(215,16%,29%) |
#2E3641 |
rgb(46,54,65) |
hsl(215,17%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A697E |
rgb(90,105,126) |
hsl(215,17%,42%) |
#7E5C5A |
rgb(126,92,90) |
hsl(3,17%,42%) |
#7B7D5A |
rgb(123,125,90) |
hsl(63,16%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A697E |
rgb(90,105,126) |
hsl(215,17%,42%) |
#7E705A |
rgb(126,112,90) |
hsl(37,17%,42%) |
#5A7A7E |
rgb(90,122,126) |
hsl(187,17%,42%) |
#7B7D5A |
rgb(123,125,90) |
hsl(63,16%,42%) |