HEX #3F4450 color — Bright Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

3f4450 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(222,12%,98%)
#ebecef rgb(235,236,239) hsl(222,12%,93%)
#dddfe4 rgb(221,223,228) hsl(222,12%,88%)
#ced2d9 rgb(206,210,217) hsl(222,12%,83%)
#c0c4ce rgb(192,196,206) hsl(222,12%,78%)
#b2b7c2 rgb(178,183,194) hsl(222,12%,73%)
#a4a9b7 rgb(164,169,183) hsl(222,12%,68%)
#959cac rgb(149,156,172) hsl(222,12%,63%)
#878fa1 rgb(135,143,161) hsl(222,12%,58%)
#798196 rgb(121,129,150) hsl(222,12%,53%)
#6c7589 rgb(108,117,137) hsl(222,12%,48%)
#60687b rgb(96,104,123) hsl(222,12%,43%)
#555c6d rgb(85,92,109) hsl(222,12%,38%)
#4a505e rgb(74,80,94) hsl(222,12%,33%)
#3f4450 rgb(63,68,80) hsl(222,12%,28%)
#343842 rgb(52,56,66) hsl(222,12%,23%)
#282c33 rgb(40,44,51) hsl(222,12%,18%)
#1d2025 rgb(29,32,37) hsl(222,12%,13%)
#121317 rgb(18,19,23) hsl(222,12%,8%)
#070709 rgb(7,7,9) hsl(222,12%,3%)

Adjacent colors

HEX RGB HSL
#3F4F50 rgb(63,79,80) hsl(184,12%,28%)
#3F4450 rgb(63,68,80) hsl(222,12%,28%)
#454050 rgb(69,64,80) hsl(259,11%,28%)

Monochromatic colors

HEX RGB HSL
#494F5C rgb(73,79,92) hsl(221,12%,32%)
#3F4450 rgb(63,68,80) hsl(222,12%,28%)
#343843 rgb(52,56,67) hsl(224,13%,23%)
#2A2E36 rgb(42,46,54) hsl(220,13%,19%)
#202429 rgb(32,36,41) hsl(213,12%,14%)
#161A1C rgb(22,26,28) hsl(200,12%,10%)

Triad color palettes

HEX RGB HSL
#3F4450 rgb(63,68,80) hsl(222,12%,28%)
#50423F rgb(80,66,63) hsl(11,12%,28%)
#4C4F3F rgb(76,79,63) hsl(71,11%,28%)

Tetrad color palettes

HEX RGB HSL
#3F4450 rgb(63,68,80) hsl(222,12%,28%)
#504A3F rgb(80,74,63) hsl(39,12%,28%)
#3F4D50 rgb(63,77,80) hsl(191,12%,28%)
#4C4F3F rgb(76,79,63) hsl(71,11%,28%)