HEX #3F486E color — Fiord
The color #3f486e is a dark shade and slightly desaturated.
Palette
3f486e color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(229,27%,99%) |
#ecedf4 |
rgb(236,237,244) |
hsl(229,27%,94%) |
#dbdeeb |
rgb(219,222,235) |
hsl(229,27%,89%) |
#cbcfe1 |
rgb(203,207,225) |
hsl(229,27%,84%) |
#bbc0d8 |
rgb(187,192,216) |
hsl(229,27%,79%) |
#abb1cf |
rgb(171,177,207) |
hsl(229,27%,74%) |
#9ba2c5 |
rgb(155,162,197) |
hsl(229,27%,69%) |
#8a94bc |
rgb(138,148,188) |
hsl(229,27%,64%) |
#7a85b3 |
rgb(122,133,179) |
hsl(229,27%,59%) |
#6a76a9 |
rgb(106,118,169) |
hsl(229,27%,54%) |
#5b689f |
rgb(91,104,159) |
hsl(229,27%,49%) |
#525d8e |
rgb(82,93,142) |
hsl(229,27%,44%) |
#49527e |
rgb(73,82,126) |
hsl(229,27%,39%) |
#3f486e |
rgb(63,72,110) |
hsl(229,27%,34%) |
#363d5e |
rgb(54,61,94) |
hsl(229,27%,29%) |
#2d334e |
rgb(45,51,78) |
hsl(229,27%,24%) |
#23283e |
rgb(35,40,62) |
hsl(229,27%,19%) |
#1a1e2d |
rgb(26,30,45) |
hsl(229,27%,14%) |
#11131d |
rgb(17,19,29) |
hsl(229,27%,9%) |
#07080d |
rgb(7,8,13) |
hsl(229,27%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F696E |
rgb(63,105,110) |
hsl(186,27%,34%) |
#3F486E |
rgb(63,72,110) |
hsl(229,27%,34%) |
#55406E |
rgb(85,64,110) |
hsl(267,26%,34%) |
Monochromatic colors
HEX |
RGB |
HSL |
#49547F |
rgb(73,84,127) |
hsl(228,27%,39%) |
#3F486E |
rgb(63,72,110) |
hsl(229,27%,34%) |
#343D5C |
rgb(52,61,92) |
hsl(227,28%,28%) |
#2A304A |
rgb(42,48,74) |
hsl(229,28%,23%) |
#202639 |
rgb(32,38,57) |
hsl(226,28%,17%) |
#161A27 |
rgb(22,26,39) |
hsl(226,28%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F486E |
rgb(63,72,110) |
hsl(229,27%,34%) |
#6E4D3F |
rgb(110,77,63) |
hsl(18,27%,34%) |
#5F6E3F |
rgb(95,110,63) |
hsl(79,27%,34%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F486E |
rgb(63,72,110) |
hsl(229,27%,34%) |
#6E663F |
rgb(110,102,63) |
hsl(50,27%,34%) |
#3F5E6E |
rgb(63,94,110) |
hsl(200,27%,34%) |
#5F6E3F |
rgb(95,110,63) |
hsl(79,27%,34%) |