HEX #3D556C color — Fiord

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

Color codes

copy icon
copy icon
copy icon

Palette

3d556c color palette from light to dark

HEX RGB HSL
#f8fafb rgb(248,250,251) hsl(209,28%,98%)
#e8edf2 rgb(232,237,242) hsl(209,28%,93%)
#d8e1e9 rgb(216,225,233) hsl(209,28%,88%)
#c8d4e0 rgb(200,212,224) hsl(209,28%,83%)
#b7c7d7 rgb(183,199,215) hsl(209,28%,78%)
#a7bbcd rgb(167,187,205) hsl(209,28%,73%)
#97aec4 rgb(151,174,196) hsl(209,28%,68%)
#86a2bb rgb(134,162,187) hsl(209,28%,63%)
#7695b2 rgb(118,149,178) hsl(209,28%,58%)
#6688a9 rgb(102,136,169) hsl(209,28%,53%)
#587c9d rgb(88,124,157) hsl(209,28%,48%)
#4f6f8c rgb(79,111,140) hsl(209,28%,43%)
#46627c rgb(70,98,124) hsl(209,28%,38%)
#3d556c rgb(61,85,108) hsl(209,28%,33%)
#33485b rgb(51,72,91) hsl(209,28%,28%)
#2a3b4b rgb(42,59,75) hsl(209,28%,23%)
#212e3b rgb(33,46,59) hsl(209,28%,18%)
#18212a rgb(24,33,42) hsl(209,28%,13%)
#0f151a rgb(15,21,26) hsl(209,28%,8%)
#06080a rgb(6,8,10) hsl(209,28%,3%)

Adjacent colors

HEX RGB HSL
#3D6B63 rgb(61,107,99) hsl(170,27%,33%)
#3D556C rgb(61,85,108) hsl(209,28%,33%)
#443D6C rgb(68,61,108) hsl(249,28%,33%)

Monochromatic colors

HEX RGB HSL
#46637D rgb(70,99,125) hsl(208,28%,38%)
#3D556C rgb(61,85,108) hsl(209,28%,33%)
#33475A rgb(51,71,90) hsl(209,28%,28%)
#293B49 rgb(41,59,73) hsl(206,28%,22%)
#1F2B38 rgb(31,43,56) hsl(211,29%,17%)
#151F26 rgb(21,31,38) hsl(205,29%,12%)

Triad color palettes

HEX RGB HSL
#3D556C rgb(61,85,108) hsl(209,28%,33%)
#6C3D3D rgb(108,61,61) hsl(360,28%,33%)
#6C6B3D rgb(108,107,61) hsl(59,28%,33%)

Tetrad color palettes

HEX RGB HSL
#3D556C rgb(61,85,108) hsl(209,28%,33%)
#6C543D rgb(108,84,61) hsl(29,28%,33%)
#3D6B6B rgb(61,107,107) hsl(180,27%,33%)
#6C6B3D rgb(108,107,61) hsl(59,28%,33%)