HEX #676A8E color — Storm Gray
The color #676a8e is a dark shade and slightly desaturated.
Palette
676a8e color palette from light to dark
HEX |
RGB |
HSL |
#f9f9fb |
rgb(249,249,251) |
hsl(235,16%,98%) |
#eaebf0 |
rgb(234,235,240) |
hsl(235,16%,93%) |
#dcdce5 |
rgb(220,220,229) |
hsl(235,16%,88%) |
#cdcedb |
rgb(205,206,219) |
hsl(235,16%,83%) |
#bebfd0 |
rgb(190,191,208) |
hsl(235,16%,78%) |
#afb1c5 |
rgb(175,177,197) |
hsl(235,16%,73%) |
#a0a3ba |
rgb(160,163,186) |
hsl(235,16%,68%) |
#9294b0 |
rgb(146,148,176) |
hsl(235,16%,63%) |
#8386a5 |
rgb(131,134,165) |
hsl(235,16%,58%) |
#74779a |
rgb(116,119,154) |
hsl(235,16%,53%) |
#676a8e |
rgb(103,106,142) |
hsl(235,16%,48%) |
#5c5f7f |
rgb(92,95,127) |
hsl(235,16%,43%) |
#515470 |
rgb(81,84,112) |
hsl(235,16%,38%) |
#474962 |
rgb(71,73,98) |
hsl(235,16%,33%) |
#3c3e53 |
rgb(60,62,83) |
hsl(235,16%,28%) |
#313344 |
rgb(49,51,68) |
hsl(235,16%,23%) |
#272835 |
rgb(39,40,53) |
hsl(235,16%,18%) |
#1c1d26 |
rgb(28,29,38) |
hsl(235,16%,13%) |
#111218 |
rgb(17,18,24) |
hsl(235,16%,8%) |
#060709 |
rgb(6,7,9) |
hsl(235,16%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#67858E |
rgb(103,133,142) |
hsl(194,16%,48%) |
#676A8E |
rgb(103,106,142) |
hsl(235,16%,48%) |
#7E668E |
rgb(126,102,142) |
hsl(276,16%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9294B0 |
rgb(146,148,176) |
hsl(236,16%,63%) |
#7C80A0 |
rgb(124,128,160) |
hsl(233,16%,56%) |
#676A8E |
rgb(103,106,142) |
hsl(235,16%,48%) |
#565977 |
rgb(86,89,119) |
hsl(235,16%,40%) |
#464760 |
rgb(70,71,96) |
hsl(238,16%,33%) |
#353849 |
rgb(53,56,73) |
hsl(231,16%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#676A8E |
rgb(103,106,142) |
hsl(235,16%,48%) |
#8E7867 |
rgb(142,120,103) |
hsl(26,16%,48%) |
#7D8F67 |
rgb(125,143,103) |
hsl(87,16%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#676A8E |
rgb(103,106,142) |
hsl(235,16%,48%) |
#8E8C67 |
rgb(142,140,103) |
hsl(57,16%,48%) |
#677D8E |
rgb(103,125,142) |
hsl(206,16%,48%) |
#7D8F67 |
rgb(125,143,103) |
hsl(87,16%,48%) |