HEX #5A6E7C color — Shuttle Gray
The color #5a6e7c is a dark shade and slightly desaturated.
Palette
5a6e7c color palette from light to dark
HEX |
RGB |
HSL |
#f6f8f9 |
rgb(246,248,249) |
hsl(205,16%,97%) |
#e7ebee |
rgb(231,235,238) |
hsl(205,16%,92%) |
#d9dfe3 |
rgb(217,223,227) |
hsl(205,16%,87%) |
#cad2d8 |
rgb(202,210,216) |
hsl(205,16%,82%) |
#bbc6ce |
rgb(187,198,206) |
hsl(205,16%,77%) |
#acbac3 |
rgb(172,186,195) |
hsl(205,16%,72%) |
#9dadb8 |
rgb(157,173,184) |
hsl(205,16%,67%) |
#8fa1ae |
rgb(143,161,174) |
hsl(205,16%,62%) |
#8094a3 |
rgb(128,148,163) |
hsl(205,16%,57%) |
#718898 |
rgb(113,136,152) |
hsl(205,16%,52%) |
#657b8b |
rgb(101,123,139) |
hsl(205,16%,47%) |
#5a6e7c |
rgb(90,110,124) |
hsl(205,16%,42%) |
#4f616d |
rgb(79,97,109) |
hsl(205,16%,37%) |
#45545f |
rgb(69,84,95) |
hsl(205,16%,32%) |
#3a4750 |
rgb(58,71,80) |
hsl(205,16%,27%) |
#2f3a41 |
rgb(47,58,65) |
hsl(205,16%,22%) |
#242d32 |
rgb(36,45,50) |
hsl(205,16%,17%) |
#1a1f23 |
rgb(26,31,35) |
hsl(205,16%,12%) |
#0f1215 |
rgb(15,18,21) |
hsl(205,16%,7%) |
#040506 |
rgb(4,5,6) |
hsl(205,16%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A7D73 |
rgb(90,125,115) |
hsl(163,16%,42%) |
#5A6E7C |
rgb(90,110,124) |
hsl(205,16%,42%) |
#5C597C |
rgb(92,89,124) |
hsl(245,16%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7B919F |
rgb(123,145,159) |
hsl(203,16%,55%) |
#68808F |
rgb(104,128,143) |
hsl(203,16%,48%) |
#5A6E7C |
rgb(90,110,124) |
hsl(205,16%,42%) |
#4B5C68 |
rgb(75,92,104) |
hsl(205,16%,35%) |
#3D4A54 |
rgb(61,74,84) |
hsl(206,16%,28%) |
#2E3840 |
rgb(46,56,64) |
hsl(207,16%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A6E7C |
rgb(90,110,124) |
hsl(205,16%,42%) |
#7C595D |
rgb(124,89,93) |
hsl(353,16%,42%) |
#7C785A |
rgb(124,120,90) |
hsl(53,16%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A6E7C |
rgb(90,110,124) |
hsl(205,16%,42%) |
#7C695A |
rgb(124,105,90) |
hsl(26,16%,42%) |
#5A7D79 |
rgb(90,125,121) |
hsl(173,16%,42%) |
#7C785A |
rgb(124,120,90) |
hsl(53,16%,42%) |