HEX #505C6D color — Shuttle Gray
The color #505c6d is a dark shade and slightly desaturated.
Palette
505c6d color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f8 |
rgb(246,247,248) |
hsl(215,15%,97%) |
#e8eaee |
rgb(232,234,238) |
hsl(215,15%,92%) |
#d9dde3 |
rgb(217,221,227) |
hsl(215,15%,87%) |
#cad0d8 |
rgb(202,208,216) |
hsl(215,15%,82%) |
#bcc3cd |
rgb(188,195,205) |
hsl(215,15%,77%) |
#adb6c2 |
rgb(173,182,194) |
hsl(215,15%,72%) |
#9ea9b7 |
rgb(158,169,183) |
hsl(215,15%,67%) |
#909cad |
rgb(144,156,173) |
hsl(215,15%,62%) |
#818fa2 |
rgb(129,143,162) |
hsl(215,15%,57%) |
#728297 |
rgb(114,130,151) |
hsl(215,15%,52%) |
#66758a |
rgb(102,117,138) |
hsl(215,15%,47%) |
#5b687b |
rgb(91,104,123) |
hsl(215,15%,42%) |
#505c6d |
rgb(80,92,109) |
hsl(215,15%,37%) |
#45505e |
rgb(69,80,94) |
hsl(215,15%,32%) |
#3b434f |
rgb(59,67,79) |
hsl(215,15%,27%) |
#303741 |
rgb(48,55,65) |
hsl(215,15%,22%) |
#252a32 |
rgb(37,42,50) |
hsl(215,15%,17%) |
#1a1e23 |
rgb(26,30,35) |
hsl(215,15%,12%) |
#0f1115 |
rgb(15,17,21) |
hsl(215,15%,7%) |
#040506 |
rgb(4,5,6) |
hsl(215,15%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#506E6A |
rgb(80,110,106) |
hsl(172,16%,37%) |
#505C6D |
rgb(80,92,109) |
hsl(215,15%,37%) |
#574F6D |
rgb(87,79,109) |
hsl(256,16%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C6B7E |
rgb(92,107,126) |
hsl(214,16%,43%) |
#505C6D |
rgb(80,92,109) |
hsl(215,15%,37%) |
#434D5B |
rgb(67,77,91) |
hsl(215,15%,31%) |
#36404A |
rgb(54,64,74) |
hsl(210,16%,25%) |
#293038 |
rgb(41,48,56) |
hsl(212,15%,19%) |
#1C2127 |
rgb(28,33,39) |
hsl(213,16%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#505C6D |
rgb(80,92,109) |
hsl(215,15%,37%) |
#6D5250 |
rgb(109,82,80) |
hsl(4,15%,37%) |
#6A6E50 |
rgb(106,110,80) |
hsl(68,16%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505C6D |
rgb(80,92,109) |
hsl(215,15%,37%) |
#6D6150 |
rgb(109,97,80) |
hsl(35,15%,37%) |
#506B6D |
rgb(80,107,109) |
hsl(184,15%,37%) |
#6A6E50 |
rgb(106,110,80) |
hsl(68,16%,37%) |