HEX #3A4A69 color — Fiord

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

Color codes

copy icon
copy icon
copy icon

Palette

3A4A69 color palette from light to dark

HEX RGB HSL
#f5f7fa rgb(245,247,250) hsl(220,29%,97%)
#e5e9f1 rgb(229,233,241) hsl(220,29%,92%)
#d4dbe7 rgb(212,219,231) hsl(220,29%,87%)
#c4cdde rgb(196,205,222) hsl(220,29%,82%)
#b3bfd5 rgb(179,191,213) hsl(220,29%,77%)
#a3b1cc rgb(163,177,204) hsl(220,29%,72%)
#92a3c3 rgb(146,163,195) hsl(220,29%,67%)
#8295ba rgb(130,149,186) hsl(220,29%,62%)
#7287b1 rgb(114,135,177) hsl(220,29%,57%)
#6179a8 rgb(97,121,168) hsl(220,29%,52%)
#556c9b rgb(85,108,155) hsl(220,29%,47%)
#4c618a rgb(76,97,138) hsl(220,29%,42%)
#43557a rgb(67,85,122) hsl(220,29%,37%)
#3a4a69 rgb(58,74,105) hsl(220,29%,32%)
#313e59 rgb(49,62,89) hsl(220,29%,27%)
#283348 rgb(40,51,72) hsl(220,29%,22%)
#1f2738 rgb(31,39,56) hsl(220,29%,17%)
#161c27 rgb(22,28,39) hsl(220,29%,12%)
#0d1017 rgb(13,16,23) hsl(220,29%,7%)
#040507 rgb(4,5,7) hsl(220,29%,2%)

Adjacent colors

HEX RGB HSL
#3A6968 rgb(58,105,104) hsl(179,29%,32%)
#3A4A69 rgb(58,74,105) hsl(220,29%,32%)
#493B69 rgb(73,59,105) hsl(258,28%,32%)

Monochromatic colors

HEX RGB HSL
#435779 rgb(67,87,121) hsl(218,29%,37%)
#3A4A69 rgb(58,74,105) hsl(220,29%,32%)
#303D58 rgb(48,61,88) hsl(221,29%,27%)
#273347 rgb(39,51,71) hsl(218,29%,22%)
#1E2636 rgb(30,38,54) hsl(220,29%,16%)
#141A25 rgb(20,26,37) hsl(219,30%,11%)

Triad color palettes

HEX RGB HSL
#3A4A69 rgb(58,74,105) hsl(220,29%,32%)
#69423A rgb(105,66,58) hsl(10,29%,32%)
#61693A rgb(97,105,58) hsl(70,29%,32%)

Tetrad color palettes

HEX RGB HSL
#3A4A69 rgb(58,74,105) hsl(220,29%,32%)
#69593A rgb(105,89,58) hsl(40,29%,32%)
#3A6169 rgb(58,97,105) hsl(190,29%,32%)
#61693A rgb(97,105,58) hsl(70,29%,32%)