HEX #3F5473 color — Fiord
The color #3f5473 is a dark shade and slightly desaturated.
Palette
3f5473 color palette from light to dark
HEX |
RGB |
HSL |
#eff2f6 |
rgb(239,242,246) |
hsl(216,29%,95%) |
#dee4ed |
rgb(222,228,237) |
hsl(216,29%,90%) |
#ced7e4 |
rgb(206,215,228) |
hsl(216,29%,85%) |
#bdc9db |
rgb(189,201,219) |
hsl(216,29%,80%) |
#adbcd2 |
rgb(173,188,210) |
hsl(216,29%,75%) |
#9caec9 |
rgb(156,174,201) |
hsl(216,29%,70%) |
#8ca1c0 |
rgb(140,161,192) |
hsl(216,29%,65%) |
#7b93b7 |
rgb(123,147,183) |
hsl(216,29%,60%) |
#6b86ae |
rgb(107,134,174) |
hsl(216,29%,55%) |
#5b78a4 |
rgb(91,120,164) |
hsl(216,29%,50%) |
#516c94 |
rgb(81,108,148) |
hsl(216,29%,45%) |
#486084 |
rgb(72,96,132) |
hsl(216,29%,40%) |
#3f5473 |
rgb(63,84,115) |
hsl(216,29%,35%) |
#364863 |
rgb(54,72,99) |
hsl(216,29%,30%) |
#2d3c52 |
rgb(45,60,82) |
hsl(216,29%,25%) |
#243042 |
rgb(36,48,66) |
hsl(216,29%,20%) |
#1b2431 |
rgb(27,36,49) |
hsl(216,29%,15%) |
#121821 |
rgb(18,24,33) |
hsl(216,29%,10%) |
#090c10 |
rgb(9,12,16) |
hsl(216,29%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F736F |
rgb(63,115,111) |
hsl(175,29%,35%) |
#3F5473 |
rgb(63,84,115) |
hsl(216,29%,35%) |
#4C4073 |
rgb(76,64,115) |
hsl(254,28%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#496185 |
rgb(73,97,133) |
hsl(216,29%,40%) |
#3F5473 |
rgb(63,84,115) |
hsl(216,29%,35%) |
#344760 |
rgb(52,71,96) |
hsl(214,30%,29%) |
#2A384E |
rgb(42,56,78) |
hsl(217,30%,24%) |
#202B3B |
rgb(32,43,59) |
hsl(216,30%,18%) |
#161F29 |
rgb(22,31,41) |
hsl(212,30%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F5473 |
rgb(63,84,115) |
hsl(216,29%,35%) |
#73453F |
rgb(115,69,63) |
hsl(7,29%,35%) |
#6E733F |
rgb(110,115,63) |
hsl(66,29%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F5473 |
rgb(63,84,115) |
hsl(216,29%,35%) |
#735E3F |
rgb(115,94,63) |
hsl(36,29%,35%) |
#3F6E73 |
rgb(63,110,115) |
hsl(186,29%,35%) |
#6E733F |
rgb(110,115,63) |
hsl(66,29%,35%) |