HEX #314A48 color — Limed Spruce
The color #314A48 is a dark shade and slightly desaturated.
Palette
314A48 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(175,20%,99%) |
#edf3f2 |
rgb(237,243,242) |
hsl(175,20%,94%) |
#dde9e8 |
rgb(221,233,232) |
hsl(175,20%,89%) |
#cededd |
rgb(206,222,221) |
hsl(175,20%,84%) |
#bfd4d2 |
rgb(191,212,210) |
hsl(175,20%,79%) |
#afcac8 |
rgb(175,202,200) |
hsl(175,20%,74%) |
#a0c0bd |
rgb(160,192,189) |
hsl(175,20%,69%) |
#91b6b3 |
rgb(145,182,179) |
hsl(175,20%,64%) |
#82aba8 |
rgb(130,171,168) |
hsl(175,20%,59%) |
#72a19d |
rgb(114,161,157) |
hsl(175,20%,54%) |
#649692 |
rgb(100,150,146) |
hsl(175,20%,49%) |
#5a8783 |
rgb(90,135,131) |
hsl(175,20%,44%) |
#507774 |
rgb(80,119,116) |
hsl(175,20%,39%) |
#456865 |
rgb(69,104,101) |
hsl(175,20%,34%) |
#3b5956 |
rgb(59,89,86) |
hsl(175,20%,29%) |
#314947 |
rgb(49,73,71) |
hsl(175,20%,24%) |
#273a39 |
rgb(39,58,57) |
hsl(175,20%,19%) |
#1d2b2a |
rgb(29,43,42) |
hsl(175,20%,14%) |
#121c1b |
rgb(18,28,27) |
hsl(175,20%,9%) |
#080c0c |
rgb(8,12,12) |
hsl(175,20%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#314A37 |
rgb(49,74,55) |
hsl(134,20%,24%) |
#314A48 |
rgb(49,74,72) |
hsl(175,20%,24%) |
#313B4A |
rgb(49,59,74) |
hsl(216,20%,24%) |
Monochromatic colors
HEX |
RGB |
HSL |
#385753 |
rgb(56,87,83) |
hsl(172,22%,28%) |
#314A48 |
rgb(49,74,72) |
hsl(175,20%,24%) |
#293D3C |
rgb(41,61,60) |
hsl(177,20%,20%) |
#213330 |
rgb(33,51,48) |
hsl(170,21%,16%) |
#192625 |
rgb(25,38,37) |
hsl(175,21%,12%) |
#111A19 |
rgb(17,26,25) |
hsl(173,21%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#314A48 |
rgb(49,74,72) |
hsl(175,20%,24%) |
#4A303F |
rgb(74,48,63) |
hsl(325,21%,24%) |
#4A3B31 |
rgb(74,59,49) |
hsl(24,20%,24%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314A48 |
rgb(49,74,72) |
hsl(175,20%,24%) |
#4A3033 |
rgb(74,48,51) |
hsl(353,21%,24%) |
#314A3B |
rgb(49,74,59) |
hsl(144,20%,24%) |
#4A3B31 |
rgb(74,59,49) |
hsl(24,20%,24%) |