HEX #5B697B color — Shuttle Gray
The color #5b697b is a dark shade and slightly desaturated.
Palette
5b697b color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f8 |
rgb(246,247,248) |
hsl(214,15%,97%) |
#e8eaee |
rgb(232,234,238) |
hsl(214,15%,92%) |
#d9dde3 |
rgb(217,221,227) |
hsl(214,15%,87%) |
#cad0d8 |
rgb(202,208,216) |
hsl(214,15%,82%) |
#bcc3cd |
rgb(188,195,205) |
hsl(214,15%,77%) |
#adb6c2 |
rgb(173,182,194) |
hsl(214,15%,72%) |
#9ea9b7 |
rgb(158,169,183) |
hsl(214,15%,67%) |
#909cad |
rgb(144,156,173) |
hsl(214,15%,62%) |
#818fa2 |
rgb(129,143,162) |
hsl(214,15%,57%) |
#728297 |
rgb(114,130,151) |
hsl(214,15%,52%) |
#66758a |
rgb(102,117,138) |
hsl(214,15%,47%) |
#5b697b |
rgb(91,105,123) |
hsl(214,15%,42%) |
#505c6d |
rgb(80,92,109) |
hsl(214,15%,37%) |
#45505e |
rgb(69,80,94) |
hsl(214,15%,32%) |
#3b434f |
rgb(59,67,79) |
hsl(214,15%,27%) |
#303741 |
rgb(48,55,65) |
hsl(214,15%,22%) |
#252a32 |
rgb(37,42,50) |
hsl(214,15%,17%) |
#1a1e23 |
rgb(26,30,35) |
hsl(214,15%,12%) |
#0f1115 |
rgb(15,17,21) |
hsl(214,15%,7%) |
#040506 |
rgb(4,5,6) |
hsl(214,15%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5B7A77 |
rgb(91,122,119) |
hsl(174,15%,42%) |
#5B697B |
rgb(91,105,123) |
hsl(214,15%,42%) |
#625C7B |
rgb(98,92,123) |
hsl(252,14%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7C8C9E |
rgb(124,140,158) |
hsl(212,15%,55%) |
#697A8E |
rgb(105,122,142) |
hsl(212,15%,48%) |
#5B697B |
rgb(91,105,123) |
hsl(214,15%,42%) |
#4C5967 |
rgb(76,89,103) |
hsl(211,15%,35%) |
#3D4753 |
rgb(61,71,83) |
hsl(213,15%,28%) |
#2F363F |
rgb(47,54,63) |
hsl(214,15%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B697B |
rgb(91,105,123) |
hsl(214,15%,42%) |
#7B5C5B |
rgb(123,92,91) |
hsl(2,15%,42%) |
#797A5B |
rgb(121,122,91) |
hsl(62,15%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B697B |
rgb(91,105,123) |
hsl(214,15%,42%) |
#7B6E5B |
rgb(123,110,91) |
hsl(36,15%,42%) |
#5B787B |
rgb(91,120,123) |
hsl(186,15%,42%) |
#797A5B |
rgb(121,122,91) |
hsl(62,15%,42%) |