HEX #404F63 color — Fiord
The color #404F63 is a dark shade and slightly desaturated.
Palette
404F63 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(214,21%,97%) |
#e6eaef |
rgb(230,234,239) |
hsl(214,21%,92%) |
#d7dde5 |
rgb(215,221,229) |
hsl(214,21%,87%) |
#c7d0db |
rgb(199,208,219) |
hsl(214,21%,82%) |
#b8c3d1 |
rgb(184,195,209) |
hsl(214,21%,77%) |
#a9b6c7 |
rgb(169,182,199) |
hsl(214,21%,72%) |
#99a8bd |
rgb(153,168,189) |
hsl(214,21%,67%) |
#8a9bb2 |
rgb(138,155,178) |
hsl(214,21%,62%) |
#7a8ea8 |
rgb(122,142,168) |
hsl(214,21%,57%) |
#6b819e |
rgb(107,129,158) |
hsl(214,21%,52%) |
#5f7491 |
rgb(95,116,145) |
hsl(214,21%,47%) |
#556882 |
rgb(85,104,130) |
hsl(214,21%,42%) |
#4b5c72 |
rgb(75,92,114) |
hsl(214,21%,37%) |
#404f63 |
rgb(64,79,99) |
hsl(214,21%,32%) |
#364353 |
rgb(54,67,83) |
hsl(214,21%,27%) |
#2c3744 |
rgb(44,55,68) |
hsl(214,21%,22%) |
#222a34 |
rgb(34,42,52) |
hsl(214,21%,17%) |
#181e25 |
rgb(24,30,37) |
hsl(214,21%,12%) |
#0e1116 |
rgb(14,17,22) |
hsl(214,21%,7%) |
#040506 |
rgb(4,5,6) |
hsl(214,21%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#40635F |
rgb(64,99,95) |
hsl(173,21%,32%) |
#404F63 |
rgb(64,79,99) |
hsl(214,21%,32%) |
#484063 |
rgb(72,64,99) |
hsl(254,21%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A5C72 |
rgb(74,92,114) |
hsl(213,21%,37%) |
#404F63 |
rgb(64,79,99) |
hsl(214,21%,32%) |
#354253 |
rgb(53,66,83) |
hsl(214,22%,27%) |
#2B3643 |
rgb(43,54,67) |
hsl(213,22%,22%) |
#212933 |
rgb(33,41,51) |
hsl(213,21%,16%) |
#171C23 |
rgb(23,28,35) |
hsl(215,21%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#404F63 |
rgb(64,79,99) |
hsl(214,21%,32%) |
#634240 |
rgb(99,66,64) |
hsl(3,21%,32%) |
#606340 |
rgb(96,99,64) |
hsl(65,21%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#404F63 |
rgb(64,79,99) |
hsl(214,21%,32%) |
#635440 |
rgb(99,84,64) |
hsl(34,21%,32%) |
#406163 |
rgb(64,97,99) |
hsl(183,21%,32%) |
#606340 |
rgb(96,99,64) |
hsl(65,21%,32%) |