HEX #5A6B7E color — Shuttle Gray
The color #5A6B7E is a dark shade and slightly desaturated.
Palette
5A6B7E color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(212,17%,97%) |
#e7eaee |
rgb(231,234,238) |
hsl(212,17%,92%) |
#d8dde3 |
rgb(216,221,227) |
hsl(212,17%,87%) |
#c9d1d9 |
rgb(201,209,217) |
hsl(212,17%,82%) |
#bac4ce |
rgb(186,196,206) |
hsl(212,17%,77%) |
#abb7c4 |
rgb(171,183,196) |
hsl(212,17%,72%) |
#9daab9 |
rgb(157,170,185) |
hsl(212,17%,67%) |
#8e9daf |
rgb(142,157,175) |
hsl(212,17%,62%) |
#7f90a4 |
rgb(127,144,164) |
hsl(212,17%,57%) |
#708399 |
rgb(112,131,153) |
hsl(212,17%,52%) |
#63768c |
rgb(99,118,140) |
hsl(212,17%,47%) |
#596a7d |
rgb(89,106,125) |
hsl(212,17%,42%) |
#4e5d6e |
rgb(78,93,110) |
hsl(212,17%,37%) |
#44515f |
rgb(68,81,95) |
hsl(212,17%,32%) |
#394451 |
rgb(57,68,81) |
hsl(212,17%,27%) |
#2f3742 |
rgb(47,55,66) |
hsl(212,17%,22%) |
#242b33 |
rgb(36,43,51) |
hsl(212,17%,17%) |
#191e24 |
rgb(25,30,36) |
hsl(212,17%,12%) |
#0f1215 |
rgb(15,18,21) |
hsl(212,17%,7%) |
#040506 |
rgb(4,5,6) |
hsl(212,17%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A7D79 |
rgb(90,125,121) |
hsl(173,16%,42%) |
#5A6B7E |
rgb(90,107,126) |
hsl(212,17%,42%) |
#61597E |
rgb(97,89,126) |
hsl(253,17%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7B8CA1 |
rgb(123,140,161) |
hsl(213,17%,56%) |
#687D92 |
rgb(104,125,146) |
hsl(210,17%,49%) |
#5A6B7E |
rgb(90,107,126) |
hsl(212,17%,42%) |
#4B5969 |
rgb(75,89,105) |
hsl(212,17%,35%) |
#3D4A55 |
rgb(61,74,85) |
hsl(208,16%,29%) |
#2E3841 |
rgb(46,56,65) |
hsl(208,17%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A6B7E |
rgb(90,107,126) |
hsl(212,17%,42%) |
#7E5C5A |
rgb(126,92,90) |
hsl(3,17%,42%) |
#7D7D5A |
rgb(125,125,90) |
hsl(60,16%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A6B7E |
rgb(90,107,126) |
hsl(212,17%,42%) |
#7E6E5A |
rgb(126,110,90) |
hsl(33,17%,42%) |
#5A7D7E |
rgb(90,125,126) |
hsl(182,17%,42%) |
#7D7D5A |
rgb(125,125,90) |
hsl(60,16%,42%) |