HEX #314548 color — Limed Spruce
The color #314548 is a dark shade and slightly desaturated.
Palette
314548 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(188,19%,99%) |
#edf2f3 |
rgb(237,242,243) |
hsl(188,19%,94%) |
#dee7e8 |
rgb(222,231,232) |
hsl(188,19%,89%) |
#cedcde |
rgb(206,220,222) |
hsl(188,19%,84%) |
#bfd1d4 |
rgb(191,209,212) |
hsl(188,19%,79%) |
#b0c6c9 |
rgb(176,198,201) |
hsl(188,19%,74%) |
#a1bbbf |
rgb(161,187,191) |
hsl(188,19%,69%) |
#92b0b5 |
rgb(146,176,181) |
hsl(188,19%,64%) |
#83a5aa |
rgb(131,165,170) |
hsl(188,19%,59%) |
#739aa0 |
rgb(115,154,160) |
hsl(188,19%,54%) |
#658e95 |
rgb(101,142,149) |
hsl(188,19%,49%) |
#5b8086 |
rgb(91,128,134) |
hsl(188,19%,44%) |
#517176 |
rgb(81,113,118) |
hsl(188,19%,39%) |
#466367 |
rgb(70,99,103) |
hsl(188,19%,34%) |
#3c5458 |
rgb(60,84,88) |
hsl(188,19%,29%) |
#324649 |
rgb(50,70,73) |
hsl(188,19%,24%) |
#27373a |
rgb(39,55,58) |
hsl(188,19%,19%) |
#1d292a |
rgb(29,41,42) |
hsl(188,19%,14%) |
#131a1b |
rgb(19,26,27) |
hsl(188,19%,9%) |
#080c0c |
rgb(8,12,12) |
hsl(188,19%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#31473B |
rgb(49,71,59) |
hsl(147,18%,24%) |
#314548 |
rgb(49,69,72) |
hsl(188,19%,24%) |
#313648 |
rgb(49,54,72) |
hsl(227,19%,24%) |
Monochromatic colors
HEX |
RGB |
HSL |
#384F53 |
rgb(56,79,83) |
hsl(189,19%,27%) |
#314548 |
rgb(49,69,72) |
hsl(188,19%,24%) |
#293B3C |
rgb(41,59,60) |
hsl(183,19%,20%) |
#212E30 |
rgb(33,46,48) |
hsl(188,19%,16%) |
#192425 |
rgb(25,36,37) |
hsl(185,19%,12%) |
#111A19 |
rgb(17,26,25) |
hsl(173,21%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#314548 |
rgb(49,69,72) |
hsl(188,19%,24%) |
#483039 |
rgb(72,48,57) |
hsl(338,20%,24%) |
#484031 |
rgb(72,64,49) |
hsl(39,19%,24%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314548 |
rgb(49,69,72) |
hsl(188,19%,24%) |
#483331 |
rgb(72,51,49) |
hsl(5,19%,24%) |
#31473F |
rgb(49,71,63) |
hsl(158,18%,24%) |
#484031 |
rgb(72,64,49) |
hsl(39,19%,24%) |