HEX #314246 color — Limed Spruce
The color #314246 is a dark shade and slightly desaturated.
Palette
314246 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(191,18%,98%) |
#eaeff0 |
rgb(234,239,240) |
hsl(191,18%,93%) |
#dbe4e6 |
rgb(219,228,230) |
hsl(191,18%,88%) |
#ccd9db |
rgb(204,217,219) |
hsl(191,18%,83%) |
#bdcdd1 |
rgb(189,205,209) |
hsl(191,18%,78%) |
#aec2c7 |
rgb(174,194,199) |
hsl(191,18%,73%) |
#9fb7bc |
rgb(159,183,188) |
hsl(191,18%,68%) |
#90abb2 |
rgb(144,171,178) |
hsl(191,18%,63%) |
#81a0a7 |
rgb(129,160,167) |
hsl(191,18%,58%) |
#72959d |
rgb(114,149,157) |
hsl(191,18%,53%) |
#648890 |
rgb(100,136,144) |
hsl(191,18%,48%) |
#5a7a81 |
rgb(90,122,129) |
hsl(191,18%,43%) |
#4f6c72 |
rgb(79,108,114) |
hsl(191,18%,38%) |
#455e63 |
rgb(69,94,99) |
hsl(191,18%,33%) |
#3b5054 |
rgb(59,80,84) |
hsl(191,18%,28%) |
#304145 |
rgb(48,65,69) |
hsl(191,18%,23%) |
#263336 |
rgb(38,51,54) |
hsl(191,18%,18%) |
#1b2527 |
rgb(27,37,39) |
hsl(191,18%,13%) |
#111718 |
rgb(17,23,24) |
hsl(191,18%,8%) |
#060909 |
rgb(6,9,9) |
hsl(191,18%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31453C |
rgb(49,69,60) |
hsl(153,17%,23%) |
#314246 |
rgb(49,66,70) |
hsl(191,18%,23%) |
#313346 |
rgb(49,51,70) |
hsl(234,18%,23%) |
Monochromatic colors
HEX |
RGB |
HSL |
#384D51 |
rgb(56,77,81) |
hsl(190,18%,27%) |
#314246 |
rgb(49,66,70) |
hsl(191,18%,23%) |
#29383A |
rgb(41,56,58) |
hsl(187,17%,19%) |
#212E2F |
rgb(33,46,47) |
hsl(184,18%,16%) |
#192124 |
rgb(25,33,36) |
hsl(196,18%,12%) |
#111719 |
rgb(17,23,25) |
hsl(195,19%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#314246 |
rgb(49,66,70) |
hsl(191,18%,23%) |
#463037 |
rgb(70,48,55) |
hsl(341,19%,23%) |
#464031 |
rgb(70,64,49) |
hsl(43,18%,23%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314246 |
rgb(49,66,70) |
hsl(191,18%,23%) |
#463631 |
rgb(70,54,49) |
hsl(14,18%,23%) |
#31453F |
rgb(49,69,63) |
hsl(162,17%,23%) |
#464031 |
rgb(70,64,49) |
hsl(43,18%,23%) |