HEX #3F4C50 color — Limed Spruce
The color #3f4c50 is a dark shade and slightly desaturated.
Palette
3f4c50 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(194,12%,98%) |
#ebeeef |
rgb(235,238,239) |
hsl(194,12%,93%) |
#dde2e4 |
rgb(221,226,228) |
hsl(194,12%,88%) |
#ced6d9 |
rgb(206,214,217) |
hsl(194,12%,83%) |
#c0cace |
rgb(192,202,206) |
hsl(194,12%,78%) |
#b2bfc2 |
rgb(178,191,194) |
hsl(194,12%,73%) |
#a4b3b7 |
rgb(164,179,183) |
hsl(194,12%,68%) |
#95a7ac |
rgb(149,167,172) |
hsl(194,12%,63%) |
#879ba1 |
rgb(135,155,161) |
hsl(194,12%,58%) |
#798f96 |
rgb(121,143,150) |
hsl(194,12%,53%) |
#6c8289 |
rgb(108,130,137) |
hsl(194,12%,48%) |
#60757b |
rgb(96,117,123) |
hsl(194,12%,43%) |
#55676d |
rgb(85,103,109) |
hsl(194,12%,38%) |
#4a5a5e |
rgb(74,90,94) |
hsl(194,12%,33%) |
#3f4c50 |
rgb(63,76,80) |
hsl(194,12%,28%) |
#343e42 |
rgb(52,62,66) |
hsl(194,12%,23%) |
#283133 |
rgb(40,49,51) |
hsl(194,12%,18%) |
#1d2325 |
rgb(29,35,37) |
hsl(194,12%,13%) |
#121617 |
rgb(18,22,23) |
hsl(194,12%,8%) |
#070809 |
rgb(7,8,9) |
hsl(194,12%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F4F48 |
rgb(63,79,72) |
hsl(154,11%,28%) |
#3F4C50 |
rgb(63,76,80) |
hsl(194,12%,28%) |
#3F4050 |
rgb(63,64,80) |
hsl(236,12%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#49595C |
rgb(73,89,92) |
hsl(189,12%,32%) |
#3F4C50 |
rgb(63,76,80) |
hsl(194,12%,28%) |
#344043 |
rgb(52,64,67) |
hsl(192,13%,23%) |
#2A3336 |
rgb(42,51,54) |
hsl(195,13%,19%) |
#202629 |
rgb(32,38,41) |
hsl(200,12%,14%) |
#161C1C |
rgb(22,28,28) |
hsl(180,12%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F4C50 |
rgb(63,76,80) |
hsl(194,12%,28%) |
#504043 |
rgb(80,64,67) |
hsl(349,11%,28%) |
#504D3F |
rgb(80,77,63) |
hsl(49,12%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F4C50 |
rgb(63,76,80) |
hsl(194,12%,28%) |
#50423F |
rgb(80,66,63) |
hsl(11,12%,28%) |
#3F4F4B |
rgb(63,79,75) |
hsl(165,11%,28%) |
#504D3F |
rgb(80,77,63) |
hsl(49,12%,28%) |