HEX #3D5B6C color — Fiord

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

Color codes

copy icon
copy icon
copy icon

Palette

3d5b6c color palette from light to dark

HEX RGB HSL
#f8fafb rgb(248,250,251) hsl(202,28%,98%)
#e8eef2 rgb(232,238,242) hsl(202,28%,93%)
#d8e3e9 rgb(216,227,233) hsl(202,28%,88%)
#c8d7e0 rgb(200,215,224) hsl(202,28%,83%)
#b7cbd7 rgb(183,203,215) hsl(202,28%,78%)
#a7bfcd rgb(167,191,205) hsl(202,28%,73%)
#97b3c4 rgb(151,179,196) hsl(202,28%,68%)
#86a8bb rgb(134,168,187) hsl(202,28%,63%)
#769cb2 rgb(118,156,178) hsl(202,28%,58%)
#6690a9 rgb(102,144,169) hsl(202,28%,53%)
#58849d rgb(88,132,157) hsl(202,28%,48%)
#4f768c rgb(79,118,140) hsl(202,28%,43%)
#46687c rgb(70,104,124) hsl(202,28%,38%)
#3d5a6c rgb(61,90,108) hsl(202,28%,33%)
#334d5b rgb(51,77,91) hsl(202,28%,28%)
#2a3f4b rgb(42,63,75) hsl(202,28%,23%)
#21313b rgb(33,49,59) hsl(202,28%,18%)
#18242a rgb(24,36,42) hsl(202,28%,13%)
#0f161a rgb(15,22,26) hsl(202,28%,8%)
#06080a rgb(6,8,10) hsl(202,28%,3%)

Adjacent colors

HEX RGB HSL
#3D6B5D rgb(61,107,93) hsl(162,27%,33%)
#3D5B6C rgb(61,91,108) hsl(202,28%,33%)
#3E3D6C rgb(62,61,108) hsl(241,28%,33%)

Monochromatic colors

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

Triad color palettes

HEX RGB HSL
#3D5B6C rgb(61,91,108) hsl(202,28%,33%)
#6C3D43 rgb(108,61,67) hsl(352,28%,33%)
#6C663D rgb(108,102,61) hsl(52,28%,33%)

Tetrad color palettes

HEX RGB HSL
#3D5B6C rgb(61,91,108) hsl(202,28%,33%)
#6C4F3D rgb(108,79,61) hsl(23,28%,33%)
#3D6B65 rgb(61,107,101) hsl(172,27%,33%)
#6C663D rgb(108,102,61) hsl(52,28%,33%)