HEX #3A5369 color — Fiord

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

Color codes

copy icon
copy icon
copy icon

Palette

3a5369 color palette from light to dark

HEX RGB HSL
#f5f7fa rgb(245,247,250) hsl(208,29%,97%)
#e5ebf1 rgb(229,235,241) hsl(208,29%,92%)
#d4dee7 rgb(212,222,231) hsl(208,29%,87%)
#c4d2de rgb(196,210,222) hsl(208,29%,82%)
#b3c5d5 rgb(179,197,213) hsl(208,29%,77%)
#a3b9cc rgb(163,185,204) hsl(208,29%,72%)
#92acc3 rgb(146,172,195) hsl(208,29%,67%)
#82a0ba rgb(130,160,186) hsl(208,29%,62%)
#7293b1 rgb(114,147,177) hsl(208,29%,57%)
#6187a8 rgb(97,135,168) hsl(208,29%,52%)
#557a9b rgb(85,122,155) hsl(208,29%,47%)
#4c6d8a rgb(76,109,138) hsl(208,29%,42%)
#43607a rgb(67,96,122) hsl(208,29%,37%)
#3a5369 rgb(58,83,105) hsl(208,29%,32%)
#314659 rgb(49,70,89) hsl(208,29%,27%)
#283948 rgb(40,57,72) hsl(208,29%,22%)
#1f2c38 rgb(31,44,56) hsl(208,29%,17%)
#161f27 rgb(22,31,39) hsl(208,29%,12%)
#0d1217 rgb(13,18,23) hsl(208,29%,7%)
#040507 rgb(4,5,7) hsl(208,29%,2%)

Adjacent colors

HEX RGB HSL
#3A695F rgb(58,105,95) hsl(167,29%,32%)
#3A5369 rgb(58,83,105) hsl(208,29%,32%)
#403B69 rgb(64,59,105) hsl(247,28%,32%)

Monochromatic colors

HEX RGB HSL
#436179 rgb(67,97,121) hsl(207,29%,37%)
#3A5369 rgb(58,83,105) hsl(208,29%,32%)
#304558 rgb(48,69,88) hsl(209,29%,27%)
#273847 rgb(39,56,71) hsl(208,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
#3A5369 rgb(58,83,105) hsl(208,29%,32%)
#693B3B rgb(105,59,59) hsl(360,28%,32%)
#69693A rgb(105,105,58) hsl(60,29%,32%)

Tetrad color palettes

HEX RGB HSL
#3A5369 rgb(58,83,105) hsl(208,29%,32%)
#694F3A rgb(105,79,58) hsl(27,29%,32%)
#3A6967 rgb(58,105,103) hsl(177,29%,32%)
#69693A rgb(105,105,58) hsl(60,29%,32%)