HEX #3F5460 color — Fiord

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

Color codes

copy icon
copy icon
copy icon

Palette

3F5460 color palette from light to dark

HEX RGB HSL
#f3f5f7 rgb(243,245,247) hsl(202,21%,96%)
#e3e9ed rgb(227,233,237) hsl(202,21%,91%)
#d4dde3 rgb(212,221,227) hsl(202,21%,86%)
#c4d1d9 rgb(196,209,217) hsl(202,21%,81%)
#b5c5cf rgb(181,197,207) hsl(202,21%,76%)
#a6b9c5 rgb(166,185,197) hsl(202,21%,71%)
#96adbb rgb(150,173,187) hsl(202,21%,66%)
#87a1b0 rgb(135,161,176) hsl(202,21%,61%)
#7795a6 rgb(119,149,166) hsl(202,21%,56%)
#68899c rgb(104,137,156) hsl(202,21%,51%)
#5d7c8e rgb(93,124,142) hsl(202,21%,46%)
#536e7f rgb(83,110,127) hsl(202,21%,41%)
#49616f rgb(73,97,111) hsl(202,21%,36%)
#3e5360 rgb(62,83,96) hsl(202,21%,31%)
#344650 rgb(52,70,80) hsl(202,21%,26%)
#2a3941 rgb(42,57,65) hsl(202,21%,21%)
#202b31 rgb(32,43,49) hsl(202,21%,16%)
#161e22 rgb(22,30,34) hsl(202,21%,11%)
#0c1013 rgb(12,16,19) hsl(202,21%,6%)
#020303 rgb(2,3,3) hsl(202,21%,1%)

Adjacent colors

HEX RGB HSL
#3F6156 rgb(63,97,86) hsl(161,21%,31%)
#3F5460 rgb(63,84,96) hsl(202,21%,31%)
#404060 rgb(64,64,96) hsl(240,20%,31%)

Monochromatic colors

HEX RGB HSL
#49616F rgb(73,97,111) hsl(202,21%,36%)
#3F5460 rgb(63,84,96) hsl(202,21%,31%)
#344750 rgb(52,71,80) hsl(199,21%,26%)
#2A3841 rgb(42,56,65) hsl(203,21%,21%)
#202B31 rgb(32,43,49) hsl(201,21%,16%)
#161F22 rgb(22,31,34) hsl(195,21%,11%)

Triad color palettes

HEX RGB HSL
#3F5460 rgb(63,84,96) hsl(202,21%,31%)
#604043 rgb(96,64,67) hsl(354,20%,31%)
#605C3F rgb(96,92,63) hsl(53,21%,31%)

Tetrad color palettes

HEX RGB HSL
#3F5460 rgb(63,84,96) hsl(202,21%,31%)
#604A3F rgb(96,74,63) hsl(20,21%,31%)
#3F615B rgb(63,97,91) hsl(169,21%,31%)
#605C3F rgb(96,92,63) hsl(53,21%,31%)