HEX #3A4562 color — Fiord

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

Color codes

copy icon
copy icon
copy icon

Palette

3A4562 color palette from light to dark

HEX RGB HSL
#f2f4f7 rgb(242,244,247) hsl(224,26%,96%)
#e2e5ee rgb(226,229,238) hsl(224,26%,91%)
#d2d7e5 rgb(210,215,229) hsl(224,26%,86%)
#c2c9db rgb(194,201,219) hsl(224,26%,81%)
#b2bad2 rgb(178,186,210) hsl(224,26%,76%)
#a2acc8 rgb(162,172,200) hsl(224,26%,71%)
#929ebf rgb(146,158,191) hsl(224,26%,66%)
#828fb5 rgb(130,143,181) hsl(224,26%,61%)
#7281ac rgb(114,129,172) hsl(224,26%,56%)
#6273a3 rgb(98,115,163) hsl(224,26%,51%)
#576794 rgb(87,103,148) hsl(224,26%,46%)
#4d5c84 rgb(77,92,132) hsl(224,26%,41%)
#445174 rgb(68,81,116) hsl(224,26%,36%)
#3a4564 rgb(58,69,100) hsl(224,26%,31%)
#313a54 rgb(49,58,84) hsl(224,26%,26%)
#282f43 rgb(40,47,67) hsl(224,26%,21%)
#1e2433 rgb(30,36,51) hsl(224,26%,16%)
#151923 rgb(21,25,35) hsl(224,26%,11%)
#0b0d13 rgb(11,13,19) hsl(224,26%,6%)
#020203 rgb(2,2,3) hsl(224,26%,1%)

Adjacent colors

HEX RGB HSL
#3A6162 rgb(58,97,98) hsl(182,26%,31%)
#3A4562 rgb(58,69,98) hsl(224,26%,31%)
#493B62 rgb(73,59,98) hsl(262,25%,31%)

Monochromatic colors

HEX RGB HSL
#434F71 rgb(67,79,113) hsl(224,26%,35%)
#3A4562 rgb(58,69,98) hsl(224,26%,31%)
#303B52 rgb(48,59,82) hsl(221,26%,25%)
#272E42 rgb(39,46,66) hsl(224,26%,21%)
#1E2432 rgb(30,36,50) hsl(222,25%,16%)
#141A23 rgb(20,26,35) hsl(216,27%,11%)

Triad color palettes

HEX RGB HSL
#3A4562 rgb(58,69,98) hsl(224,26%,31%)
#62423A rgb(98,66,58) hsl(12,26%,31%)
#59613A rgb(89,97,58) hsl(72,25%,30%)

Tetrad color palettes

HEX RGB HSL
#3A4562 rgb(58,69,98) hsl(224,26%,31%)
#62573A rgb(98,87,58) hsl(44,26%,31%)
#3A5962 rgb(58,89,98) hsl(194,26%,31%)
#59613A rgb(89,97,58) hsl(72,25%,30%)