HEX #676C89 color — Storm Gray
The color #676c89 is a dark shade and slightly desaturated.
Palette
676c89 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f8 |
rgb(246,247,248) |
hsl(231,14%,97%) |
#e8e9ed |
rgb(232,233,237) |
hsl(231,14%,92%) |
#d9dbe2 |
rgb(217,219,226) |
hsl(231,14%,87%) |
#cbcdd8 |
rgb(203,205,216) |
hsl(231,14%,82%) |
#bcbfcd |
rgb(188,191,205) |
hsl(231,14%,77%) |
#aeb1c2 |
rgb(174,177,194) |
hsl(231,14%,72%) |
#9fa3b7 |
rgb(159,163,183) |
hsl(231,14%,67%) |
#9195ac |
rgb(145,149,172) |
hsl(231,14%,62%) |
#8287a1 |
rgb(130,135,161) |
hsl(231,14%,57%) |
#737996 |
rgb(115,121,150) |
hsl(231,14%,52%) |
#676c89 |
rgb(103,108,137) |
hsl(231,14%,47%) |
#5c617a |
rgb(92,97,122) |
hsl(231,14%,42%) |
#51556c |
rgb(81,85,108) |
hsl(231,14%,37%) |
#464a5d |
rgb(70,74,93) |
hsl(231,14%,32%) |
#3b3e4e |
rgb(59,62,78) |
hsl(231,14%,27%) |
#303340 |
rgb(48,51,64) |
hsl(231,14%,22%) |
#252731 |
rgb(37,39,49) |
hsl(231,14%,17%) |
#1a1c23 |
rgb(26,28,35) |
hsl(231,14%,12%) |
#0f1014 |
rgb(15,16,20) |
hsl(231,14%,7%) |
#040506 |
rgb(4,5,6) |
hsl(231,14%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#678289 |
rgb(103,130,137) |
hsl(192,14%,47%) |
#676C89 |
rgb(103,108,137) |
hsl(231,14%,47%) |
#786689 |
rgb(120,102,137) |
hsl(271,15%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9094AC |
rgb(144,148,172) |
hsl(231,14%,62%) |
#7A809B |
rgb(122,128,155) |
hsl(229,14%,54%) |
#676C89 |
rgb(103,108,137) |
hsl(231,14%,47%) |
#565C73 |
rgb(86,92,115) |
hsl(228,14%,39%) |
#464A5D |
rgb(70,74,93) |
hsl(230,14%,32%) |
#353847 |
rgb(53,56,71) |
hsl(230,15%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#676C89 |
rgb(103,108,137) |
hsl(231,14%,47%) |
#897367 |
rgb(137,115,103) |
hsl(21,14%,47%) |
#7D8A67 |
rgb(125,138,103) |
hsl(82,15%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#676C89 |
rgb(103,108,137) |
hsl(231,14%,47%) |
#898567 |
rgb(137,133,103) |
hsl(53,14%,47%) |
#677D89 |
rgb(103,125,137) |
hsl(201,14%,47%) |
#7D8A67 |
rgb(125,138,103) |
hsl(82,15%,47%) |