HEX #3A546C color — Fiord

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

Color codes

copy icon
copy icon
copy icon

Palette

3A546C color palette from light to dark

HEX RGB HSL
#f8fafb rgb(248,250,251) hsl(209,30%,98%)
#e8edf3 rgb(232,237,243) hsl(209,30%,93%)
#d7e1ea rgb(215,225,234) hsl(209,30%,88%)
#c7d4e1 rgb(199,212,225) hsl(209,30%,83%)
#b6c7d8 rgb(182,199,216) hsl(209,30%,78%)
#a5bbcf rgb(165,187,207) hsl(209,30%,73%)
#95aec6 rgb(149,174,198) hsl(209,30%,68%)
#84a2bd rgb(132,162,189) hsl(209,30%,63%)
#7495b4 rgb(116,149,180) hsl(209,30%,58%)
#6388ab rgb(99,136,171) hsl(209,30%,53%)
#567c9f rgb(86,124,159) hsl(209,30%,48%)
#4d6f8f rgb(77,111,143) hsl(209,30%,43%)
#44627e rgb(68,98,126) hsl(209,30%,38%)
#3b556d rgb(59,85,109) hsl(209,30%,33%)
#32485d rgb(50,72,93) hsl(209,30%,28%)
#293b4c rgb(41,59,76) hsl(209,30%,23%)
#202e3c rgb(32,46,60) hsl(209,30%,18%)
#17212b rgb(23,33,43) hsl(209,30%,13%)
#0e151b rgb(14,21,27) hsl(209,30%,8%)
#05080a rgb(5,8,10) hsl(209,30%,3%)

Adjacent colors

HEX RGB HSL
#3A6B62 rgb(58,107,98) hsl(169,30%,32%)
#3A546C rgb(58,84,108) hsl(209,30%,33%)
#413B6C rgb(65,59,108) hsl(247,29%,33%)

Monochromatic colors

HEX RGB HSL
#43617D rgb(67,97,125) hsl(209,30%,38%)
#3A546C rgb(58,84,108) hsl(209,30%,33%)
#30475A rgb(48,71,90) hsl(207,30%,27%)
#273849 rgb(39,56,73) hsl(210,30%,22%)
#1E2B38 rgb(30,43,56) hsl(210,30%,17%)
#141F26 rgb(20,31,38) hsl(203,31%,11%)

Triad color palettes

HEX RGB HSL
#3A546C rgb(58,84,108) hsl(209,30%,33%)
#6C3B3B rgb(108,59,59) hsl(360,29%,33%)
#6C6B3A rgb(108,107,58) hsl(59,30%,33%)

Tetrad color palettes

HEX RGB HSL
#3A546C rgb(58,84,108) hsl(209,30%,33%)
#6C523A rgb(108,82,58) hsl(29,30%,33%)
#3A6B6B rgb(58,107,107) hsl(180,30%,32%)
#6C6B3A rgb(108,107,58) hsl(59,30%,33%)