HEX #3A4768 color — Fiord

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

Color codes

copy icon
copy icon
copy icon

Palette

3A4768 color palette from light to dark

HEX RGB HSL
#f5f6f9 rgb(245,246,249) hsl(223,28%,97%)
#e5e8f0 rgb(229,232,240) hsl(223,28%,92%)
#d5dae7 rgb(213,218,231) hsl(223,28%,87%)
#c4ccde rgb(196,204,222) hsl(223,28%,82%)
#b4bdd5 rgb(180,189,213) hsl(223,28%,77%)
#a4afcc rgb(164,175,204) hsl(223,28%,72%)
#93a1c2 rgb(147,161,194) hsl(223,28%,67%)
#8392b9 rgb(131,146,185) hsl(223,28%,62%)
#7384b0 rgb(115,132,176) hsl(223,28%,57%)
#6276a7 rgb(98,118,167) hsl(223,28%,52%)
#566999 rgb(86,105,153) hsl(223,28%,47%)
#4d5e89 rgb(77,94,137) hsl(223,28%,42%)
#445379 rgb(68,83,121) hsl(223,28%,37%)
#3b4868 rgb(59,72,104) hsl(223,28%,32%)
#323c58 rgb(50,60,88) hsl(223,28%,27%)
#283148 rgb(40,49,72) hsl(223,28%,22%)
#1f2637 rgb(31,38,55) hsl(223,28%,17%)
#161b27 rgb(22,27,39) hsl(223,28%,12%)
#0d1017 rgb(13,16,23) hsl(223,28%,7%)
#040407 rgb(4,4,7) hsl(223,28%,2%)

Adjacent colors

HEX RGB HSL
#3A6668 rgb(58,102,104) hsl(183,28%,32%)
#3A4768 rgb(58,71,104) hsl(223,28%,32%)
#4B3B68 rgb(75,59,104) hsl(261,28%,32%)

Monochromatic colors

HEX RGB HSL
#435278 rgb(67,82,120) hsl(223,28%,37%)
#3A4768 rgb(58,71,104) hsl(223,28%,32%)
#303B57 rgb(48,59,87) hsl(223,29%,26%)
#273046 rgb(39,48,70) hsl(223,28%,21%)
#1E2436 rgb(30,36,54) hsl(225,29%,16%)
#141A25 rgb(20,26,37) hsl(219,30%,11%)

Triad color palettes

HEX RGB HSL
#3A4768 rgb(58,71,104) hsl(223,28%,32%)
#68453A rgb(104,69,58) hsl(14,28%,32%)
#5E693A rgb(94,105,58) hsl(74,29%,32%)

Tetrad color palettes

HEX RGB HSL
#3A4768 rgb(58,71,104) hsl(223,28%,32%)
#685C3A rgb(104,92,58) hsl(44,28%,32%)
#3A5E68 rgb(58,94,104) hsl(193,28%,32%)
#5E693A rgb(94,105,58) hsl(74,29%,32%)