HEX #3F4150 color — Bright Gray

The color #3f4150 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

3f4150 color palette from light to dark

HEX RGB HSL
#f9f9fb rgb(249,249,251) hsl(233,12%,98%)
#ebecef rgb(235,236,239) hsl(233,12%,93%)
#dddee4 rgb(221,222,228) hsl(233,12%,88%)
#ced0d9 rgb(206,208,217) hsl(233,12%,83%)
#c0c2ce rgb(192,194,206) hsl(233,12%,78%)
#b2b4c2 rgb(178,180,194) hsl(233,12%,73%)
#a4a6b7 rgb(164,166,183) hsl(233,12%,68%)
#9598ac rgb(149,152,172) hsl(233,12%,63%)
#878aa1 rgb(135,138,161) hsl(233,12%,58%)
#797c96 rgb(121,124,150) hsl(233,12%,53%)
#6c6f89 rgb(108,111,137) hsl(233,12%,48%)
#60647b rgb(96,100,123) hsl(233,12%,43%)
#55586d rgb(85,88,109) hsl(233,12%,38%)
#4a4c5e rgb(74,76,94) hsl(233,12%,33%)
#3f4150 rgb(63,65,80) hsl(233,12%,28%)
#343542 rgb(52,53,66) hsl(233,12%,23%)
#282a33 rgb(40,42,51) hsl(233,12%,18%)
#1d1e25 rgb(29,30,37) hsl(233,12%,13%)
#121317 rgb(18,19,23) hsl(233,12%,8%)
#070709 rgb(7,7,9) hsl(233,12%,3%)

Adjacent colors

HEX RGB HSL
#3F4D50 rgb(63,77,80) hsl(191,12%,28%)
#3F4150 rgb(63,65,80) hsl(233,12%,28%)
#484050 rgb(72,64,80) hsl(270,11%,28%)

Monochromatic colors

HEX RGB HSL
#494D5C rgb(73,77,92) hsl(227,12%,32%)
#3F4150 rgb(63,65,80) hsl(233,12%,28%)
#343643 rgb(52,54,67) hsl(232,13%,23%)
#2A2B36 rgb(42,43,54) hsl(235,13%,19%)
#202129 rgb(32,33,41) hsl(233,12%,14%)
#16171C rgb(22,23,28) hsl(230,12%,10%)

Triad color palettes

HEX RGB HSL
#3F4150 rgb(63,65,80) hsl(233,12%,28%)
#50453F rgb(80,69,63) hsl(21,12%,28%)
#494F3F rgb(73,79,63) hsl(83,11%,28%)

Tetrad color palettes

HEX RGB HSL
#3F4150 rgb(63,65,80) hsl(233,12%,28%)
#504F3F rgb(80,79,63) hsl(56,12%,28%)
#3F4A50 rgb(63,74,80) hsl(201,12%,28%)
#494F3F rgb(73,79,63) hsl(83,11%,28%)