HEX #313649 color — Bright Gray
The color #313649 is a dark shade and slightly desaturated.
Palette
313649 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(228,20%,99%) |
#edeef3 |
rgb(237,238,243) |
hsl(228,20%,94%) |
#dde0e9 |
rgb(221,224,233) |
hsl(228,20%,89%) |
#ced1de |
rgb(206,209,222) |
hsl(228,20%,84%) |
#bfc3d4 |
rgb(191,195,212) |
hsl(228,20%,79%) |
#afb5ca |
rgb(175,181,202) |
hsl(228,20%,74%) |
#a0a6c0 |
rgb(160,166,192) |
hsl(228,20%,69%) |
#9198b6 |
rgb(145,152,182) |
hsl(228,20%,64%) |
#828aab |
rgb(130,138,171) |
hsl(228,20%,59%) |
#727ca1 |
rgb(114,124,161) |
hsl(228,20%,54%) |
#646e96 |
rgb(100,110,150) |
hsl(228,20%,49%) |
#5a6387 |
rgb(90,99,135) |
hsl(228,20%,44%) |
#505877 |
rgb(80,88,119) |
hsl(228,20%,39%) |
#454c68 |
rgb(69,76,104) |
hsl(228,20%,34%) |
#3b4159 |
rgb(59,65,89) |
hsl(228,20%,29%) |
#313649 |
rgb(49,54,73) |
hsl(228,20%,24%) |
#272b3a |
rgb(39,43,58) |
hsl(228,20%,19%) |
#1d1f2b |
rgb(29,31,43) |
hsl(228,20%,14%) |
#12141c |
rgb(18,20,28) |
hsl(228,20%,9%) |
#08090c |
rgb(8,9,12) |
hsl(228,20%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#314549 |
rgb(49,69,73) |
hsl(190,20%,24%) |
#313649 |
rgb(49,54,73) |
hsl(228,20%,24%) |
#3C3049 |
rgb(60,48,73) |
hsl(269,21%,24%) |
Monochromatic colors
HEX |
RGB |
HSL |
#384054 |
rgb(56,64,84) |
hsl(223,20%,27%) |
#313649 |
rgb(49,54,73) |
hsl(228,20%,24%) |
#292E3D |
rgb(41,46,61) |
hsl(225,20%,20%) |
#212431 |
rgb(33,36,49) |
hsl(229,20%,16%) |
#191C25 |
rgb(25,28,37) |
hsl(225,19%,12%) |
#11141A |
rgb(17,20,26) |
hsl(220,21%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#313649 |
rgb(49,54,73) |
hsl(228,20%,24%) |
#493831 |
rgb(73,56,49) |
hsl(18,20%,24%) |
#424A31 |
rgb(66,74,49) |
hsl(79,20%,24%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#313649 |
rgb(49,54,73) |
hsl(228,20%,24%) |
#494531 |
rgb(73,69,49) |
hsl(50,20%,24%) |
#314249 |
rgb(49,66,73) |
hsl(198,20%,24%) |
#424A31 |
rgb(66,74,49) |
hsl(79,20%,24%) |