HEX #3A4C69 color — Fiord

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

Color codes

copy icon
copy icon
copy icon

Palette

3a4c69 color palette from light to dark

HEX RGB HSL
#f5f7fa rgb(245,247,250) hsl(217,29%,97%)
#e5e9f1 rgb(229,233,241) hsl(217,29%,92%)
#d4dce7 rgb(212,220,231) hsl(217,29%,87%)
#c4cede rgb(196,206,222) hsl(217,29%,82%)
#b3c0d5 rgb(179,192,213) hsl(217,29%,77%)
#a3b3cc rgb(163,179,204) hsl(217,29%,72%)
#92a5c3 rgb(146,165,195) hsl(217,29%,67%)
#8298ba rgb(130,152,186) hsl(217,29%,62%)
#728ab1 rgb(114,138,177) hsl(217,29%,57%)
#617ca8 rgb(97,124,168) hsl(217,29%,52%)
#55709b rgb(85,112,155) hsl(217,29%,47%)
#4c648a rgb(76,100,138) hsl(217,29%,42%)
#43587a rgb(67,88,122) hsl(217,29%,37%)
#3a4c69 rgb(58,76,105) hsl(217,29%,32%)
#314059 rgb(49,64,89) hsl(217,29%,27%)
#283448 rgb(40,52,72) hsl(217,29%,22%)
#1f2838 rgb(31,40,56) hsl(217,29%,17%)
#161d27 rgb(22,29,39) hsl(217,29%,12%)
#0d1117 rgb(13,17,23) hsl(217,29%,7%)
#040507 rgb(4,5,7) hsl(217,29%,2%)

Adjacent colors

HEX RGB HSL
#3A6966 rgb(58,105,102) hsl(176,29%,32%)
#3A4C69 rgb(58,76,105) hsl(217,29%,32%)
#473B69 rgb(71,59,105) hsl(256,28%,32%)

Monochromatic colors

HEX RGB HSL
#435979 rgb(67,89,121) hsl(216,29%,37%)
#3A4C69 rgb(58,76,105) hsl(217,29%,32%)
#304058 rgb(48,64,88) hsl(216,29%,27%)
#273347 rgb(39,51,71) hsl(218,29%,22%)
#1E2636 rgb(30,38,54) hsl(220,29%,16%)
#141C25 rgb(20,28,37) hsl(212,30%,11%)

Triad color palettes

HEX RGB HSL
#3A4C69 rgb(58,76,105) hsl(217,29%,32%)
#69403A rgb(105,64,58) hsl(8,29%,32%)
#63693A rgb(99,105,58) hsl(68,29%,32%)

Tetrad color palettes

HEX RGB HSL
#3A4C69 rgb(58,76,105) hsl(217,29%,32%)
#69573A rgb(105,87,58) hsl(37,29%,32%)
#3A6369 rgb(58,99,105) hsl(188,29%,32%)
#63693A rgb(99,105,58) hsl(68,29%,32%)