HEX #3A4A63 color — Fiord

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

Color codes

copy icon
copy icon
copy icon

Palette

3A4A63 color palette from light to dark

HEX RGB HSL
#f2f4f7 rgb(242,244,247) hsl(217,26%,96%)
#e2e7ee rgb(226,231,238) hsl(217,26%,91%)
#d2d9e5 rgb(210,217,229) hsl(217,26%,86%)
#c2ccdb rgb(194,204,219) hsl(217,26%,81%)
#b2bed2 rgb(178,190,210) hsl(217,26%,76%)
#a2b1c8 rgb(162,177,200) hsl(217,26%,71%)
#92a3bf rgb(146,163,191) hsl(217,26%,66%)
#8296b5 rgb(130,150,181) hsl(217,26%,61%)
#7288ac rgb(114,136,172) hsl(217,26%,56%)
#627aa3 rgb(98,122,163) hsl(217,26%,51%)
#576e94 rgb(87,110,148) hsl(217,26%,46%)
#4d6284 rgb(77,98,132) hsl(217,26%,41%)
#445674 rgb(68,86,116) hsl(217,26%,36%)
#3a4a64 rgb(58,74,100) hsl(217,26%,31%)
#313e54 rgb(49,62,84) hsl(217,26%,26%)
#283243 rgb(40,50,67) hsl(217,26%,21%)
#1e2633 rgb(30,38,51) hsl(217,26%,16%)
#151a23 rgb(21,26,35) hsl(217,26%,11%)
#0b0e13 rgb(11,14,19) hsl(217,26%,6%)
#020203 rgb(2,2,3) hsl(217,26%,1%)

Adjacent colors

HEX RGB HSL
#3A6360 rgb(58,99,96) hsl(176,26%,31%)
#3A4A63 rgb(58,74,99) hsl(217,26%,31%)
#453B63 rgb(69,59,99) hsl(255,25%,31%)

Monochromatic colors

HEX RGB HSL
#435772 rgb(67,87,114) hsl(214,26%,35%)
#3A4A63 rgb(58,74,99) hsl(217,26%,31%)
#303D53 rgb(48,61,83) hsl(218,27%,26%)
#273343 rgb(39,51,67) hsl(214,26%,21%)
#1E2633 rgb(30,38,51) hsl(217,26%,16%)
#141A23 rgb(20,26,35) hsl(216,27%,11%)

Triad color palettes

HEX RGB HSL
#3A4A63 rgb(58,74,99) hsl(217,26%,31%)
#63403A rgb(99,64,58) hsl(9,26%,31%)
#5E633A rgb(94,99,58) hsl(67,26%,31%)

Tetrad color palettes

HEX RGB HSL
#3A4A63 rgb(58,74,99) hsl(217,26%,31%)
#63543A rgb(99,84,58) hsl(38,26%,31%)
#3A5E63 rgb(58,94,99) hsl(187,26%,31%)
#5E633A rgb(94,99,58) hsl(67,26%,31%)