HEX #3F4563 color — Fiord

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

Color codes

copy icon
copy icon
copy icon

Palette

3F4563 color palette from light to dark

HEX RGB HSL
#f6f6f9 rgb(246,246,249) hsl(230,22%,97%)
#e6e8ef rgb(230,232,239) hsl(230,22%,92%)
#d7d9e5 rgb(215,217,229) hsl(230,22%,87%)
#c7cadb rgb(199,202,219) hsl(230,22%,82%)
#b7bcd1 rgb(183,188,209) hsl(230,22%,77%)
#a8adc7 rgb(168,173,199) hsl(230,22%,72%)
#989fbd rgb(152,159,189) hsl(230,22%,67%)
#8990b3 rgb(137,144,179) hsl(230,22%,62%)
#7981a9 rgb(121,129,169) hsl(230,22%,57%)
#6a73a0 rgb(106,115,160) hsl(230,22%,52%)
#5d6692 rgb(93,102,146) hsl(230,22%,47%)
#545b83 rgb(84,91,131) hsl(230,22%,42%)
#4a5173 rgb(74,81,115) hsl(230,22%,37%)
#404664 rgb(64,70,100) hsl(230,22%,32%)
#363b54 rgb(54,59,84) hsl(230,22%,27%)
#2c3044 rgb(44,48,68) hsl(230,22%,22%)
#222535 rgb(34,37,53) hsl(230,22%,17%)
#181a25 rgb(24,26,37) hsl(230,22%,12%)
#0e0f16 rgb(14,15,22) hsl(230,22%,7%)
#040406 rgb(4,4,6) hsl(230,22%,2%)

Adjacent colors

HEX RGB HSL
#3F5C63 rgb(63,92,99) hsl(192,22%,32%)
#3F4563 rgb(63,69,99) hsl(230,22%,32%)
#514063 rgb(81,64,99) hsl(269,21%,32%)

Monochromatic colors

HEX RGB HSL
#494F72 rgb(73,79,114) hsl(231,22%,37%)
#3F4563 rgb(63,69,99) hsl(230,22%,32%)
#343B53 rgb(52,59,83) hsl(226,23%,26%)
#2A2E43 rgb(42,46,67) hsl(230,23%,21%)
#202433 rgb(32,36,51) hsl(227,23%,16%)
#161A23 rgb(22,26,35) hsl(222,23%,11%)

Triad color palettes

HEX RGB HSL
#3F4563 rgb(63,69,99) hsl(230,22%,32%)
#634A3F rgb(99,74,63) hsl(18,22%,32%)
#57633F rgb(87,99,63) hsl(80,22%,32%)

Tetrad color palettes

HEX RGB HSL
#3F4563 rgb(63,69,99) hsl(230,22%,32%)
#635C3F rgb(99,92,63) hsl(48,22%,32%)
#3F5763 rgb(63,87,99) hsl(200,22%,32%)
#57633F rgb(87,99,63) hsl(80,22%,32%)