HEX #5A6679 color — Shuttle Gray
The color #5A6679 is a dark shade and slightly desaturated.
Palette
5A6679 color palette from light to dark
HEX |
RGB |
HSL |
#f3f4f6 |
rgb(243,244,246) |
hsl(217,15%,96%) |
#e5e7eb |
rgb(229,231,235) |
hsl(217,15%,91%) |
#d6dae1 |
rgb(214,218,225) |
hsl(217,15%,86%) |
#c7cdd6 |
rgb(199,205,214) |
hsl(217,15%,81%) |
#b9c0cb |
rgb(185,192,203) |
hsl(217,15%,76%) |
#aab2c0 |
rgb(170,178,192) |
hsl(217,15%,71%) |
#9ba5b5 |
rgb(155,165,181) |
hsl(217,15%,66%) |
#8d98aa |
rgb(141,152,170) |
hsl(217,15%,61%) |
#7e8ba0 |
rgb(126,139,160) |
hsl(217,15%,56%) |
#6f7e95 |
rgb(111,126,149) |
hsl(217,15%,51%) |
#647187 |
rgb(100,113,135) |
hsl(217,15%,46%) |
#596578 |
rgb(89,101,120) |
hsl(217,15%,41%) |
#4e596a |
rgb(78,89,106) |
hsl(217,15%,36%) |
#434c5b |
rgb(67,76,91) |
hsl(217,15%,31%) |
#38404c |
rgb(56,64,76) |
hsl(217,15%,26%) |
#2e343e |
rgb(46,52,62) |
hsl(217,15%,21%) |
#23272f |
rgb(35,39,47) |
hsl(217,15%,16%) |
#181b20 |
rgb(24,27,32) |
hsl(217,15%,11%) |
#0d0f12 |
rgb(13,15,18) |
hsl(217,15%,6%) |
#020203 |
rgb(2,2,3) |
hsl(217,15%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A7877 |
rgb(90,120,119) |
hsl(178,14%,41%) |
#5A6679 |
rgb(90,102,121) |
hsl(217,15%,41%) |
#625979 |
rgb(98,89,121) |
hsl(257,15%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7A879C |
rgb(122,135,156) |
hsl(217,15%,55%) |
#68758C |
rgb(104,117,140) |
hsl(218,15%,48%) |
#5A6679 |
rgb(90,102,121) |
hsl(217,15%,41%) |
#4B5765 |
rgb(75,87,101) |
hsl(212,15%,35%) |
#3D4552 |
rgb(61,69,82) |
hsl(217,15%,28%) |
#2E363E |
rgb(46,54,62) |
hsl(210,15%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A6679 |
rgb(90,102,121) |
hsl(217,15%,41%) |
#795E5A |
rgb(121,94,90) |
hsl(8,15%,41%) |
#75785A |
rgb(117,120,90) |
hsl(66,14%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A6679 |
rgb(90,102,121) |
hsl(217,15%,41%) |
#796E5A |
rgb(121,110,90) |
hsl(39,15%,41%) |
#5A7579 |
rgb(90,117,121) |
hsl(188,15%,41%) |
#75785A |
rgb(117,120,90) |
hsl(66,14%,41%) |