HEX #57697B color — Shuttle Gray
The color #57697B is a dark shade and slightly desaturated.
Palette
57697B color palette from light to dark
HEX |
RGB |
HSL |
#f3f5f7 |
rgb(243,245,247) |
hsl(210,17%,96%) |
#e4e8ec |
rgb(228,232,236) |
hsl(210,17%,91%) |
#d5dbe1 |
rgb(213,219,225) |
hsl(210,17%,86%) |
#c6cfd7 |
rgb(198,207,215) |
hsl(210,17%,81%) |
#b7c2cc |
rgb(183,194,204) |
hsl(210,17%,76%) |
#a8b5c2 |
rgb(168,181,194) |
hsl(210,17%,71%) |
#9aa8b7 |
rgb(154,168,183) |
hsl(210,17%,66%) |
#8b9cac |
rgb(139,156,172) |
hsl(210,17%,61%) |
#7c8fa2 |
rgb(124,143,162) |
hsl(210,17%,56%) |
#6d8297 |
rgb(109,130,151) |
hsl(210,17%,51%) |
#617589 |
rgb(97,117,137) |
hsl(210,17%,46%) |
#57697a |
rgb(87,105,122) |
hsl(210,17%,41%) |
#4c5c6b |
rgb(76,92,107) |
hsl(210,17%,36%) |
#424f5c |
rgb(66,79,92) |
hsl(210,17%,31%) |
#37424e |
rgb(55,66,78) |
hsl(210,17%,26%) |
#2c363f |
rgb(44,54,63) |
hsl(210,17%,21%) |
#222930 |
rgb(34,41,48) |
hsl(210,17%,16%) |
#171c21 |
rgb(23,28,33) |
hsl(210,17%,11%) |
#0d0f12 |
rgb(13,15,18) |
hsl(210,17%,6%) |
#020303 |
rgb(2,3,3) |
hsl(210,17%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#577A75 |
rgb(87,122,117) |
hsl(171,17%,41%) |
#57697B |
rgb(87,105,123) |
hsl(210,17%,41%) |
#5D577B |
rgb(93,87,123) |
hsl(250,17%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#768A9E |
rgb(118,138,158) |
hsl(210,17%,54%) |
#647A8E |
rgb(100,122,142) |
hsl(209,17%,47%) |
#57697B |
rgb(87,105,123) |
hsl(210,17%,41%) |
#495967 |
rgb(73,89,103) |
hsl(208,17%,35%) |
#3B4753 |
rgb(59,71,83) |
hsl(210,17%,28%) |
#2D363F |
rgb(45,54,63) |
hsl(210,17%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#57697B |
rgb(87,105,123) |
hsl(210,17%,41%) |
#7B5757 |
rgb(123,87,87) |
hsl(360,17%,41%) |
#7B7A57 |
rgb(123,122,87) |
hsl(58,17%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#57697B |
rgb(87,105,123) |
hsl(210,17%,41%) |
#7B6957 |
rgb(123,105,87) |
hsl(30,17%,41%) |
#577A7B |
rgb(87,122,123) |
hsl(182,17%,41%) |
#7B7A57 |
rgb(123,122,87) |
hsl(58,17%,41%) |