HEX #313648 color — Bright Gray
The color #313648 is a dark shade and slightly desaturated.
Palette
313648 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(227,19%,99%) |
#edeef3 |
rgb(237,238,243) |
hsl(227,19%,94%) |
#dee0e8 |
rgb(222,224,232) |
hsl(227,19%,89%) |
#ced2de |
rgb(206,210,222) |
hsl(227,19%,84%) |
#bfc4d4 |
rgb(191,196,212) |
hsl(227,19%,79%) |
#b0b6c9 |
rgb(176,182,201) |
hsl(227,19%,74%) |
#a1a7bf |
rgb(161,167,191) |
hsl(227,19%,69%) |
#9299b5 |
rgb(146,153,181) |
hsl(227,19%,64%) |
#838baa |
rgb(131,139,170) |
hsl(227,19%,59%) |
#737da0 |
rgb(115,125,160) |
hsl(227,19%,54%) |
#656f95 |
rgb(101,111,149) |
hsl(227,19%,49%) |
#5b6486 |
rgb(91,100,134) |
hsl(227,19%,44%) |
#515976 |
rgb(81,89,118) |
hsl(227,19%,39%) |
#464d67 |
rgb(70,77,103) |
hsl(227,19%,34%) |
#3c4258 |
rgb(60,66,88) |
hsl(227,19%,29%) |
#323749 |
rgb(50,55,73) |
hsl(227,19%,24%) |
#272b3a |
rgb(39,43,58) |
hsl(227,19%,19%) |
#1d202a |
rgb(29,32,42) |
hsl(227,19%,14%) |
#13141b |
rgb(19,20,27) |
hsl(227,19%,9%) |
#08090c |
rgb(8,9,12) |
hsl(227,19%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#314548 |
rgb(49,69,72) |
hsl(188,19%,24%) |
#313648 |
rgb(49,54,72) |
hsl(227,19%,24%) |
#3B3048 |
rgb(59,48,72) |
hsl(268,20%,24%) |
Monochromatic colors
HEX |
RGB |
HSL |
#384053 |
rgb(56,64,83) |
hsl(222,19%,27%) |
#313648 |
rgb(49,54,72) |
hsl(227,19%,24%) |
#292E3C |
rgb(41,46,60) |
hsl(224,19%,20%) |
#212430 |
rgb(33,36,48) |
hsl(228,19%,16%) |
#191C25 |
rgb(25,28,37) |
hsl(225,19%,12%) |
#111419 |
rgb(17,20,25) |
hsl(218,19%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#313648 |
rgb(49,54,72) |
hsl(227,19%,24%) |
#483831 |
rgb(72,56,49) |
hsl(18,19%,24%) |
#414731 |
rgb(65,71,49) |
hsl(76,18%,24%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#313648 |
rgb(49,54,72) |
hsl(227,19%,24%) |
#484231 |
rgb(72,66,49) |
hsl(44,19%,24%) |
#314248 |
rgb(49,66,72) |
hsl(196,19%,24%) |
#414731 |
rgb(65,71,49) |
hsl(76,18%,24%) |