HEX #3F5472 color — Fiord
The color #3F5472 is a dark shade and slightly desaturated.
Palette
3F5472 color palette from light to dark
HEX |
RGB |
HSL |
#eff2f6 |
rgb(239,242,246) |
hsl(215,29%,95%) |
#dee4ed |
rgb(222,228,237) |
hsl(215,29%,90%) |
#ced7e4 |
rgb(206,215,228) |
hsl(215,29%,85%) |
#bdcadb |
rgb(189,202,219) |
hsl(215,29%,80%) |
#adbcd2 |
rgb(173,188,210) |
hsl(215,29%,75%) |
#9cafc9 |
rgb(156,175,201) |
hsl(215,29%,70%) |
#8ca1c0 |
rgb(140,161,192) |
hsl(215,29%,65%) |
#7b94b7 |
rgb(123,148,183) |
hsl(215,29%,60%) |
#6b87ae |
rgb(107,135,174) |
hsl(215,29%,55%) |
#5b79a4 |
rgb(91,121,164) |
hsl(215,29%,50%) |
#516d94 |
rgb(81,109,148) |
hsl(215,29%,45%) |
#486184 |
rgb(72,97,132) |
hsl(215,29%,40%) |
#3f5573 |
rgb(63,85,115) |
hsl(215,29%,35%) |
#364963 |
rgb(54,73,99) |
hsl(215,29%,30%) |
#2d3d52 |
rgb(45,61,82) |
hsl(215,29%,25%) |
#243142 |
rgb(36,49,66) |
hsl(215,29%,20%) |
#1b2431 |
rgb(27,36,49) |
hsl(215,29%,15%) |
#121821 |
rgb(18,24,33) |
hsl(215,29%,10%) |
#090c10 |
rgb(9,12,16) |
hsl(215,29%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F736E |
rgb(63,115,110) |
hsl(174,29%,35%) |
#3F5472 |
rgb(63,84,114) |
hsl(215,29%,35%) |
#4C4072 |
rgb(76,64,114) |
hsl(254,28%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#496184 |
rgb(73,97,132) |
hsl(216,29%,40%) |
#3F5472 |
rgb(63,84,114) |
hsl(215,29%,35%) |
#34475F |
rgb(52,71,95) |
hsl(213,29%,29%) |
#2A384D |
rgb(42,56,77) |
hsl(216,29%,23%) |
#202B3B |
rgb(32,43,59) |
hsl(216,30%,18%) |
#161F29 |
rgb(22,31,41) |
hsl(212,30%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F5472 |
rgb(63,84,114) |
hsl(215,29%,35%) |
#72423F |
rgb(114,66,63) |
hsl(4,29%,35%) |
#6D733F |
rgb(109,115,63) |
hsl(67,29%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F5472 |
rgb(63,84,114) |
hsl(215,29%,35%) |
#725C3F |
rgb(114,92,63) |
hsl(34,29%,35%) |
#3F6E72 |
rgb(63,110,114) |
hsl(185,29%,35%) |
#6D733F |
rgb(109,115,63) |
hsl(67,29%,35%) |