HEX #313B44 color — Limed Spruce
The color #313b44 is a dark shade and slightly desaturated.
Palette
313b44 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(208,16%,98%) |
#eaedf0 |
rgb(234,237,240) |
hsl(208,16%,93%) |
#dce1e5 |
rgb(220,225,229) |
hsl(208,16%,88%) |
#cdd4db |
rgb(205,212,219) |
hsl(208,16%,83%) |
#bec7d0 |
rgb(190,199,208) |
hsl(208,16%,78%) |
#afbbc5 |
rgb(175,187,197) |
hsl(208,16%,73%) |
#a0aeba |
rgb(160,174,186) |
hsl(208,16%,68%) |
#92a2b0 |
rgb(146,162,176) |
hsl(208,16%,63%) |
#8395a5 |
rgb(131,149,165) |
hsl(208,16%,58%) |
#74889a |
rgb(116,136,154) |
hsl(208,16%,53%) |
#677c8e |
rgb(103,124,142) |
hsl(208,16%,48%) |
#5c6f7f |
rgb(92,111,127) |
hsl(208,16%,43%) |
#516270 |
rgb(81,98,112) |
hsl(208,16%,38%) |
#475562 |
rgb(71,85,98) |
hsl(208,16%,33%) |
#3c4853 |
rgb(60,72,83) |
hsl(208,16%,28%) |
#313b44 |
rgb(49,59,68) |
hsl(208,16%,23%) |
#272e35 |
rgb(39,46,53) |
hsl(208,16%,18%) |
#1c2226 |
rgb(28,34,38) |
hsl(208,16%,13%) |
#111518 |
rgb(17,21,24) |
hsl(208,16%,8%) |
#060809 |
rgb(6,8,9) |
hsl(208,16%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#314540 |
rgb(49,69,64) |
hsl(165,17%,23%) |
#313B44 |
rgb(49,59,68) |
hsl(208,16%,23%) |
#333044 |
rgb(51,48,68) |
hsl(249,17%,23%) |
Monochromatic colors
HEX |
RGB |
HSL |
#38454E |
rgb(56,69,78) |
hsl(205,16%,26%) |
#313B44 |
rgb(49,59,68) |
hsl(208,16%,23%) |
#293039 |
rgb(41,48,57) |
hsl(214,16%,19%) |
#21292E |
rgb(33,41,46) |
hsl(203,16%,15%) |
#191F23 |
rgb(25,31,35) |
hsl(204,17%,12%) |
#111418 |
rgb(17,20,24) |
hsl(214,17%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#313B44 |
rgb(49,59,68) |
hsl(208,16%,23%) |
#443031 |
rgb(68,48,49) |
hsl(357,17%,23%) |
#444231 |
rgb(68,66,49) |
hsl(54,16%,23%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#313B44 |
rgb(49,59,68) |
hsl(208,16%,23%) |
#443B31 |
rgb(68,59,49) |
hsl(32,16%,23%) |
#314543 |
rgb(49,69,67) |
hsl(174,17%,23%) |
#444231 |
rgb(68,66,49) |
hsl(54,16%,23%) |