HEX #3D5A6C color — Fiord

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

Color codes

copy icon
copy icon
copy icon

Palette

3d5a6c color palette from light to dark

HEX RGB HSL
#f8fafb rgb(248,250,251) hsl(203,28%,98%)
#e8eef2 rgb(232,238,242) hsl(203,28%,93%)
#d8e2e9 rgb(216,226,233) hsl(203,28%,88%)
#c8d6e0 rgb(200,214,224) hsl(203,28%,83%)
#b7cbd7 rgb(183,203,215) hsl(203,28%,78%)
#a7bfcd rgb(167,191,205) hsl(203,28%,73%)
#97b3c4 rgb(151,179,196) hsl(203,28%,68%)
#86a7bb rgb(134,167,187) hsl(203,28%,63%)
#769bb2 rgb(118,155,178) hsl(203,28%,58%)
#668fa9 rgb(102,143,169) hsl(203,28%,53%)
#58829d rgb(88,130,157) hsl(203,28%,48%)
#4f758c rgb(79,117,140) hsl(203,28%,43%)
#46677c rgb(70,103,124) hsl(203,28%,38%)
#3d5a6c rgb(61,90,108) hsl(203,28%,33%)
#334c5b rgb(51,76,91) hsl(203,28%,28%)
#2a3e4b rgb(42,62,75) hsl(203,28%,23%)
#21313b rgb(33,49,59) hsl(203,28%,18%)
#18232a rgb(24,35,42) hsl(203,28%,13%)
#0f161a rgb(15,22,26) hsl(203,28%,8%)
#06080a rgb(6,8,10) hsl(203,28%,3%)

Adjacent colors

HEX RGB HSL
#3D6B5E rgb(61,107,94) hsl(163,27%,33%)
#3D5A6C rgb(61,90,108) hsl(203,28%,33%)
#3F3D6C rgb(63,61,108) hsl(243,28%,33%)

Monochromatic colors

HEX RGB HSL
#46697D rgb(70,105,125) hsl(202,28%,38%)
#3D5A6C rgb(61,90,108) hsl(203,28%,33%)
#334D5A rgb(51,77,90) hsl(200,28%,28%)
#293D49 rgb(41,61,73) hsl(203,28%,22%)
#1F2E38 rgb(31,46,56) hsl(204,29%,17%)
#152126 rgb(21,33,38) hsl(198,29%,12%)

Triad color palettes

HEX RGB HSL
#3D5A6C rgb(61,90,108) hsl(203,28%,33%)
#6C3D42 rgb(108,61,66) hsl(354,28%,33%)
#6C663D rgb(108,102,61) hsl(52,28%,33%)

Tetrad color palettes

HEX RGB HSL
#3D5A6C rgb(61,90,108) hsl(203,28%,33%)
#6C4F3D rgb(108,79,61) hsl(23,28%,33%)
#3D6B66 rgb(61,107,102) hsl(173,27%,33%)
#6C663D rgb(108,102,61) hsl(52,28%,33%)