HEX #3A5569 color — Fiord

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

Color codes

copy icon
copy icon
copy icon

Palette

3a5569 color palette from light to dark

HEX RGB HSL
#f5f8fa rgb(245,248,250) hsl(206,29%,97%)
#e5ebf1 rgb(229,235,241) hsl(206,29%,92%)
#d4dfe7 rgb(212,223,231) hsl(206,29%,87%)
#c4d3de rgb(196,211,222) hsl(206,29%,82%)
#b3c7d5 rgb(179,199,213) hsl(206,29%,77%)
#a3bacc rgb(163,186,204) hsl(206,29%,72%)
#92aec3 rgb(146,174,195) hsl(206,29%,67%)
#82a2ba rgb(130,162,186) hsl(206,29%,62%)
#7296b1 rgb(114,150,177) hsl(206,29%,57%)
#6189a8 rgb(97,137,168) hsl(206,29%,52%)
#557c9b rgb(85,124,155) hsl(206,29%,47%)
#4c6f8a rgb(76,111,138) hsl(206,29%,42%)
#43627a rgb(67,98,122) hsl(206,29%,37%)
#3a5569 rgb(58,85,105) hsl(206,29%,32%)
#314859 rgb(49,72,89) hsl(206,29%,27%)
#283a48 rgb(40,58,72) hsl(206,29%,22%)
#1f2d38 rgb(31,45,56) hsl(206,29%,17%)
#162027 rgb(22,32,39) hsl(206,29%,12%)
#0d1317 rgb(13,19,23) hsl(206,29%,7%)
#040507 rgb(4,5,7) hsl(206,29%,2%)

Adjacent colors

HEX RGB HSL
#3A695D rgb(58,105,93) hsl(165,29%,32%)
#3A5569 rgb(58,85,105) hsl(206,29%,32%)
#3E3B69 rgb(62,59,105) hsl(244,28%,32%)

Monochromatic colors

HEX RGB HSL
#436379 rgb(67,99,121) hsl(204,29%,37%)
#3A5569 rgb(58,85,105) hsl(206,29%,32%)
#304758 rgb(48,71,88) hsl(206,29%,27%)
#273B47 rgb(39,59,71) hsl(203,29%,22%)
#1E2B36 rgb(30,43,54) hsl(208,29%,16%)
#141F25 rgb(20,31,37) hsl(201,30%,11%)

Triad color palettes

HEX RGB HSL
#3A5569 rgb(58,85,105) hsl(206,29%,32%)
#693B3D rgb(105,59,61) hsl(357,28%,32%)
#69663A rgb(105,102,58) hsl(56,29%,32%)

Tetrad color palettes

HEX RGB HSL
#3A5569 rgb(58,85,105) hsl(206,29%,32%)
#694F3A rgb(105,79,58) hsl(27,29%,32%)
#3A6965 rgb(58,105,101) hsl(175,29%,32%)
#69663A rgb(105,102,58) hsl(56,29%,32%)