HEX #404C63 color — Fiord
The color #404c63 is a dark shade and slightly desaturated.
Palette
404c63 color palette from light to dark
| HEX |
RGB |
HSL |
| #f6f7f9 |
rgb(246,247,249) |
hsl(219,21%,97%) |
| #e6e9ef |
rgb(230,233,239) |
hsl(219,21%,92%) |
| #d7dce5 |
rgb(215,220,229) |
hsl(219,21%,87%) |
| #c7cedb |
rgb(199,206,219) |
hsl(219,21%,82%) |
| #b8c1d1 |
rgb(184,193,209) |
hsl(219,21%,77%) |
| #a9b3c7 |
rgb(169,179,199) |
hsl(219,21%,72%) |
| #99a6bd |
rgb(153,166,189) |
hsl(219,21%,67%) |
| #8a98b2 |
rgb(138,152,178) |
hsl(219,21%,62%) |
| #7a8aa8 |
rgb(122,138,168) |
hsl(219,21%,57%) |
| #6b7d9e |
rgb(107,125,158) |
hsl(219,21%,52%) |
| #5f7091 |
rgb(95,112,145) |
hsl(219,21%,47%) |
| #556482 |
rgb(85,100,130) |
hsl(219,21%,42%) |
| #4b5872 |
rgb(75,88,114) |
hsl(219,21%,37%) |
| #404c63 |
rgb(64,76,99) |
hsl(219,21%,32%) |
| #364153 |
rgb(54,65,83) |
hsl(219,21%,27%) |
| #2c3544 |
rgb(44,53,68) |
hsl(219,21%,22%) |
| #222934 |
rgb(34,41,52) |
hsl(219,21%,17%) |
| #181d25 |
rgb(24,29,37) |
hsl(219,21%,12%) |
| #0e1116 |
rgb(14,17,22) |
hsl(219,21%,7%) |
| #040506 |
rgb(4,5,6) |
hsl(219,21%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #406362 |
rgb(64,99,98) |
hsl(178,21%,32%) |
| #404C63 |
rgb(64,76,99) |
hsl(219,21%,32%) |
| #4B4063 |
rgb(75,64,99) |
hsl(259,21%,32%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #4A5972 |
rgb(74,89,114) |
hsl(218,21%,37%) |
| #404C63 |
rgb(64,76,99) |
hsl(219,21%,32%) |
| #354053 |
rgb(53,64,83) |
hsl(218,22%,27%) |
| #2B3343 |
rgb(43,51,67) |
hsl(220,22%,22%) |
| #212633 |
rgb(33,38,51) |
hsl(223,21%,16%) |
| #171C23 |
rgb(23,28,35) |
hsl(215,21%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #404C63 |
rgb(64,76,99) |
hsl(219,21%,32%) |
| #634540 |
rgb(99,69,64) |
hsl(9,21%,32%) |
| #5D6340 |
rgb(93,99,64) |
hsl(70,21%,32%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #404C63 |
rgb(64,76,99) |
hsl(219,21%,32%) |
| #635740 |
rgb(99,87,64) |
hsl(39,21%,32%) |
| #405E63 |
rgb(64,94,99) |
hsl(189,21%,32%) |
| #5D6340 |
rgb(93,99,64) |
hsl(70,21%,32%) |
