HEX #5A687C color — Shuttle Gray
The color #5a687c is a dark shade and slightly desaturated.
Palette
5a687c color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(215,16%,97%) |
#e7eaee |
rgb(231,234,238) |
hsl(215,16%,92%) |
#d9dde3 |
rgb(217,221,227) |
hsl(215,16%,87%) |
#cad0d8 |
rgb(202,208,216) |
hsl(215,16%,82%) |
#bbc3ce |
rgb(187,195,206) |
hsl(215,16%,77%) |
#acb6c3 |
rgb(172,182,195) |
hsl(215,16%,72%) |
#9da9b8 |
rgb(157,169,184) |
hsl(215,16%,67%) |
#8f9cae |
rgb(143,156,174) |
hsl(215,16%,62%) |
#808ea3 |
rgb(128,142,163) |
hsl(215,16%,57%) |
#718198 |
rgb(113,129,152) |
hsl(215,16%,52%) |
#65758b |
rgb(101,117,139) |
hsl(215,16%,47%) |
#5a687c |
rgb(90,104,124) |
hsl(215,16%,42%) |
#4f5c6d |
rgb(79,92,109) |
hsl(215,16%,37%) |
#454f5f |
rgb(69,79,95) |
hsl(215,16%,32%) |
#3a4350 |
rgb(58,67,80) |
hsl(215,16%,27%) |
#2f3741 |
rgb(47,55,65) |
hsl(215,16%,22%) |
#242a32 |
rgb(36,42,50) |
hsl(215,16%,17%) |
#1a1e23 |
rgb(26,30,35) |
hsl(215,16%,12%) |
#0f1115 |
rgb(15,17,21) |
hsl(215,16%,7%) |
#040506 |
rgb(4,5,6) |
hsl(215,16%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A7D79 |
rgb(90,125,121) |
hsl(173,16%,42%) |
#5A687C |
rgb(90,104,124) |
hsl(215,16%,42%) |
#62597C |
rgb(98,89,124) |
hsl(255,16%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7B8A9F |
rgb(123,138,159) |
hsl(215,16%,55%) |
#68788F |
rgb(104,120,143) |
hsl(215,16%,48%) |
#5A687C |
rgb(90,104,124) |
hsl(215,16%,42%) |
#4B5768 |
rgb(75,87,104) |
hsl(215,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 |
#5A687C |
rgb(90,104,124) |
hsl(215,16%,42%) |
#7C5C5A |
rgb(124,92,90) |
hsl(4,16%,42%) |
#797D5A |
rgb(121,125,90) |
hsl(67,16%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A687C |
rgb(90,104,124) |
hsl(215,16%,42%) |
#7C6E5A |
rgb(124,110,90) |
hsl(35,16%,42%) |
#5A787C |
rgb(90,120,124) |
hsl(187,16%,42%) |
#797D5A |
rgb(121,125,90) |
hsl(67,16%,42%) |