HEX #3E5660 color — Fiord

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

Color codes

copy icon
copy icon
copy icon

Palette

3e5660 color palette from light to dark

HEX RGB HSL
#f3f6f7 rgb(243,246,247) hsl(198,22%,96%)
#e3eaed rgb(227,234,237) hsl(198,22%,91%)
#d3dee3 rgb(211,222,227) hsl(198,22%,86%)
#c4d3d9 rgb(196,211,217) hsl(198,22%,81%)
#b4c7cf rgb(180,199,207) hsl(198,22%,76%)
#a5bcc5 rgb(165,188,197) hsl(198,22%,71%)
#95b0bb rgb(149,176,187) hsl(198,22%,66%)
#86a4b1 rgb(134,164,177) hsl(198,22%,61%)
#7699a7 rgb(118,153,167) hsl(198,22%,56%)
#678d9e rgb(103,141,158) hsl(198,22%,51%)
#5b808f rgb(91,128,143) hsl(198,22%,46%)
#527280 rgb(82,114,128) hsl(198,22%,41%)
#486470 rgb(72,100,112) hsl(198,22%,36%)
#3e5660 rgb(62,86,96) hsl(198,22%,31%)
#344851 rgb(52,72,81) hsl(198,22%,26%)
#2a3a41 rgb(42,58,65) hsl(198,22%,21%)
#202c32 rgb(32,44,50) hsl(198,22%,16%)
#161f22 rgb(22,31,34) hsl(198,22%,11%)
#0c1113 rgb(12,17,19) hsl(198,22%,6%)
#020303 rgb(2,3,3) hsl(198,22%,1%)

Adjacent colors

HEX RGB HSL
#3E6153 rgb(62,97,83) hsl(156,22%,31%)
#3E5660 rgb(62,86,96) hsl(198,22%,31%)
#3E4060 rgb(62,64,96) hsl(236,22%,31%)

Monochromatic colors

HEX RGB HSL
#47636F rgb(71,99,111) hsl(198,22%,36%)
#3E5660 rgb(62,86,96) hsl(198,22%,31%)
#344750 rgb(52,71,80) hsl(199,21%,26%)
#2A3B41 rgb(42,59,65) hsl(196,21%,21%)
#202E31 rgb(32,46,49) hsl(191,21%,16%)
#161F22 rgb(22,31,34) hsl(195,21%,11%)

Triad color palettes

HEX RGB HSL
#3E5660 rgb(62,86,96) hsl(198,22%,31%)
#603D45 rgb(96,61,69) hsl(346,22%,31%)
#60593E rgb(96,89,62) hsl(48,22%,31%)

Tetrad color palettes

HEX RGB HSL
#3E5660 rgb(62,86,96) hsl(198,22%,31%)
#60473E rgb(96,71,62) hsl(16,22%,31%)
#3E6159 rgb(62,97,89) hsl(166,22%,31%)
#60593E rgb(96,89,62) hsl(48,22%,31%)