HEX #3F5462 color — Fiord
The color #3F5462 is a dark shade and slightly desaturated.
Palette
3F5462 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8f9 |
rgb(246,248,249) |
hsl(204,22%,97%) |
#e6ebef |
rgb(230,235,239) |
hsl(204,22%,92%) |
#d7dfe5 |
rgb(215,223,229) |
hsl(204,22%,87%) |
#c7d3db |
rgb(199,211,219) |
hsl(204,22%,82%) |
#b7c7d1 |
rgb(183,199,209) |
hsl(204,22%,77%) |
#a8bbc7 |
rgb(168,187,199) |
hsl(204,22%,72%) |
#98afbd |
rgb(152,175,189) |
hsl(204,22%,67%) |
#89a2b3 |
rgb(137,162,179) |
hsl(204,22%,62%) |
#7996a9 |
rgb(121,150,169) |
hsl(204,22%,57%) |
#6a8aa0 |
rgb(106,138,160) |
hsl(204,22%,52%) |
#5d7d92 |
rgb(93,125,146) |
hsl(204,22%,47%) |
#547083 |
rgb(84,112,131) |
hsl(204,22%,42%) |
#4a6373 |
rgb(74,99,115) |
hsl(204,22%,37%) |
#405564 |
rgb(64,85,100) |
hsl(204,22%,32%) |
#364854 |
rgb(54,72,84) |
hsl(204,22%,27%) |
#2c3b44 |
rgb(44,59,68) |
hsl(204,22%,22%) |
#222d35 |
rgb(34,45,53) |
hsl(204,22%,17%) |
#182025 |
rgb(24,32,37) |
hsl(204,22%,12%) |
#0e1316 |
rgb(14,19,22) |
hsl(204,22%,7%) |
#040506 |
rgb(4,5,6) |
hsl(204,22%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F6158 |
rgb(63,97,88) |
hsl(164,21%,31%) |
#3F5462 |
rgb(63,84,98) |
hsl(204,22%,32%) |
#414062 |
rgb(65,64,98) |
hsl(242,21%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#496171 |
rgb(73,97,113) |
hsl(204,22%,36%) |
#3F5462 |
rgb(63,84,98) |
hsl(204,22%,32%) |
#344752 |
rgb(52,71,82) |
hsl(202,22%,26%) |
#2A3842 |
rgb(42,56,66) |
hsl(205,22%,21%) |
#202B32 |
rgb(32,43,50) |
hsl(203,22%,16%) |
#161F23 |
rgb(22,31,35) |
hsl(198,23%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F5462 |
rgb(63,84,98) |
hsl(204,22%,32%) |
#624042 |
rgb(98,64,66) |
hsl(356,21%,32%) |
#625E3F |
rgb(98,94,63) |
hsl(53,22%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F5462 |
rgb(63,84,98) |
hsl(204,22%,32%) |
#624D3F |
rgb(98,77,63) |
hsl(24,22%,32%) |
#3F615E |
rgb(63,97,94) |
hsl(175,21%,31%) |
#625E3F |
rgb(98,94,63) |
hsl(53,22%,32%) |