HEX #3C4A63 color — Fiord

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

Color codes

copy icon
copy icon
copy icon

Palette

3C4A63 color palette from light to dark

HEX RGB HSL
#f2f4f7 rgb(242,244,247) hsl(218,25%,96%)
#e2e7ee rgb(226,231,238) hsl(218,25%,91%)
#d2d9e4 rgb(210,217,228) hsl(218,25%,86%)
#c2cbdb rgb(194,203,219) hsl(218,25%,81%)
#b3bed1 rgb(179,190,209) hsl(218,25%,76%)
#a3b0c8 rgb(163,176,200) hsl(218,25%,71%)
#93a3be rgb(147,163,190) hsl(218,25%,66%)
#8395b4 rgb(131,149,180) hsl(218,25%,61%)
#7387ab rgb(115,135,171) hsl(218,25%,56%)
#637aa1 rgb(99,122,161) hsl(218,25%,51%)
#586d93 rgb(88,109,147) hsl(218,25%,46%)
#4e6283 rgb(78,98,131) hsl(218,25%,41%)
#455673 rgb(69,86,115) hsl(218,25%,36%)
#3b4a63 rgb(59,74,99) hsl(218,25%,31%)
#323e53 rgb(50,62,83) hsl(218,25%,26%)
#283243 rgb(40,50,67) hsl(218,25%,21%)
#1f2633 rgb(31,38,51) hsl(218,25%,16%)
#151a23 rgb(21,26,35) hsl(218,25%,11%)
#0b0e13 rgb(11,14,19) hsl(218,25%,6%)
#020203 rgb(2,2,3) hsl(218,25%,1%)

Adjacent colors

HEX RGB HSL
#3C6362 rgb(60,99,98) hsl(178,25%,31%)
#3C4A63 rgb(60,74,99) hsl(218,25%,31%)
#483D63 rgb(72,61,99) hsl(257,24%,31%)

Monochromatic colors

HEX RGB HSL
#455772 rgb(69,87,114) hsl(216,25%,36%)
#3C4A63 rgb(60,74,99) hsl(218,25%,31%)
#323D53 rgb(50,61,83) hsl(220,25%,26%)
#283343 rgb(40,51,67) hsl(216,25%,21%)
#1F2633 rgb(31,38,51) hsl(219,24%,16%)
#151A23 rgb(21,26,35) hsl(219,25%,11%)

Triad color palettes

HEX RGB HSL
#3C4A63 rgb(60,74,99) hsl(218,25%,31%)
#63423C rgb(99,66,60) hsl(9,25%,31%)
#5D633C rgb(93,99,60) hsl(69,25%,31%)

Tetrad color palettes

HEX RGB HSL
#3C4A63 rgb(60,74,99) hsl(218,25%,31%)
#63543C rgb(99,84,60) hsl(37,25%,31%)
#3C5E63 rgb(60,94,99) hsl(188,25%,31%)
#5D633C rgb(93,99,60) hsl(69,25%,31%)