HEX #5A6377 color — Shuttle Gray
The color #5A6377 is a dark shade and slightly desaturated.
Palette
5A6377 color palette from light to dark
HEX |
RGB |
HSL |
#f3f4f6 |
rgb(243,244,246) |
hsl(221,14%,96%) |
#e5e7eb |
rgb(229,231,235) |
hsl(221,14%,91%) |
#d6d9e0 |
rgb(214,217,224) |
hsl(221,14%,86%) |
#c8ccd5 |
rgb(200,204,213) |
hsl(221,14%,81%) |
#b9bfca |
rgb(185,191,202) |
hsl(221,14%,76%) |
#abb1bf |
rgb(171,177,191) |
hsl(221,14%,71%) |
#9ca4b4 |
rgb(156,164,180) |
hsl(221,14%,66%) |
#8e96a9 |
rgb(142,150,169) |
hsl(221,14%,61%) |
#7f899f |
rgb(127,137,159) |
hsl(221,14%,56%) |
#717c94 |
rgb(113,124,148) |
hsl(221,14%,51%) |
#656f86 |
rgb(101,111,134) |
hsl(221,14%,46%) |
#5a6377 |
rgb(90,99,119) |
hsl(221,14%,41%) |
#4f5769 |
rgb(79,87,105) |
hsl(221,14%,36%) |
#444b5a |
rgb(68,75,90) |
hsl(221,14%,31%) |
#393f4c |
rgb(57,63,76) |
hsl(221,14%,26%) |
#2e333d |
rgb(46,51,61) |
hsl(221,14%,21%) |
#23272f |
rgb(35,39,47) |
hsl(221,14%,16%) |
#181b20 |
rgb(24,27,32) |
hsl(221,14%,11%) |
#0d0f11 |
rgb(13,15,17) |
hsl(221,14%,6%) |
#020203 |
rgb(2,2,3) |
hsl(221,14%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A7577 |
rgb(90,117,119) |
hsl(184,14%,41%) |
#5A6377 |
rgb(90,99,119) |
hsl(221,14%,41%) |
#645977 |
rgb(100,89,119) |
hsl(262,14%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#79859A |
rgb(121,133,154) |
hsl(218,14%,54%) |
#68738A |
rgb(104,115,138) |
hsl(221,14%,47%) |
#5A6377 |
rgb(90,99,119) |
hsl(221,14%,41%) |
#4B5463 |
rgb(75,84,99) |
hsl(218,14%,34%) |
#3D4250 |
rgb(61,66,80) |
hsl(224,13%,28%) |
#2E333D |
rgb(46,51,61) |
hsl(220,14%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A6377 |
rgb(90,99,119) |
hsl(221,14%,41%) |
#775E5A |
rgb(119,94,90) |
hsl(8,14%,41%) |
#71785A |
rgb(113,120,90) |
hsl(74,14%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A6377 |
rgb(90,99,119) |
hsl(221,14%,41%) |
#776E5A |
rgb(119,110,90) |
hsl(41,14%,41%) |
#5A7377 |
rgb(90,115,119) |
hsl(188,14%,41%) |
#71785A |
rgb(113,120,90) |
hsl(74,14%,41%) |