HEX #3A546E color — Fiord

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

Color codes

copy icon
copy icon
copy icon

Palette

3a546e color palette from light to dark

HEX RGB HSL
#f8fafb rgb(248,250,251) hsl(210,31%,98%)
#e8edf3 rgb(232,237,243) hsl(210,31%,93%)
#d7e0ea rgb(215,224,234) hsl(210,31%,88%)
#c6d4e1 rgb(198,212,225) hsl(210,31%,83%)
#b6c7d8 rgb(182,199,216) hsl(210,31%,78%)
#a5bacf rgb(165,186,207) hsl(210,31%,73%)
#94adc7 rgb(148,173,199) hsl(210,31%,68%)
#83a1be rgb(131,161,190) hsl(210,31%,63%)
#7394b5 rgb(115,148,181) hsl(210,31%,58%)
#6287ac rgb(98,135,172) hsl(210,31%,53%)
#547aa0 rgb(84,122,160) hsl(210,31%,48%)
#4c6e90 rgb(76,110,144) hsl(210,31%,43%)
#43617f rgb(67,97,127) hsl(210,31%,38%)
#3a546e rgb(58,84,110) hsl(210,31%,33%)
#31475e rgb(49,71,94) hsl(210,31%,28%)
#283b4d rgb(40,59,77) hsl(210,31%,23%)
#202e3c rgb(32,46,60) hsl(210,31%,18%)
#17212b rgb(23,33,43) hsl(210,31%,13%)
#0e141b rgb(14,20,27) hsl(210,31%,8%)
#05080a rgb(5,8,10) hsl(210,31%,3%)

Adjacent colors

HEX RGB HSL
#3A6E65 rgb(58,110,101) hsl(170,31%,33%)
#3A546E rgb(58,84,110) hsl(210,31%,33%)
#423B6E rgb(66,59,110) hsl(248,30%,33%)

Monochromatic colors

HEX RGB HSL
#43617F rgb(67,97,127) hsl(210,31%,38%)
#3A546E rgb(58,84,110) hsl(210,31%,33%)
#30475C rgb(48,71,92) hsl(209,31%,27%)
#27384A rgb(39,56,74) hsl(211,31%,22%)
#1E2B39 rgb(30,43,57) hsl(211,31%,17%)
#141F27 rgb(20,31,39) hsl(205,32%,12%)

Triad color palettes

HEX RGB HSL
#3A546E rgb(58,84,110) hsl(210,31%,33%)
#6E3B3A rgb(110,59,58) hsl(1,31%,33%)
#6E6E3A rgb(110,110,58) hsl(60,31%,33%)

Tetrad color palettes

HEX RGB HSL
#3A546E rgb(58,84,110) hsl(210,31%,33%)
#6E543A rgb(110,84,58) hsl(30,31%,33%)
#3A6E6E rgb(58,110,110) hsl(180,31%,33%)
#6E6E3A rgb(110,110,58) hsl(60,31%,33%)