HEX #3A4F6C color — Fiord
The color #3A4F6C is a dark shade and slightly desaturated.
Palette
3A4F6C color palette from light to dark
HEX |
RGB |
HSL |
#f8fafb |
rgb(248,250,251) |
hsl(215,30%,98%) |
#e8ecf3 |
rgb(232,236,243) |
hsl(215,30%,93%) |
#d7dfea |
rgb(215,223,234) |
hsl(215,30%,88%) |
#c7d1e1 |
rgb(199,209,225) |
hsl(215,30%,83%) |
#b6c4d8 |
rgb(182,196,216) |
hsl(215,30%,78%) |
#a5b7cf |
rgb(165,183,207) |
hsl(215,30%,73%) |
#95a9c6 |
rgb(149,169,198) |
hsl(215,30%,68%) |
#849cbd |
rgb(132,156,189) |
hsl(215,30%,63%) |
#748fb4 |
rgb(116,143,180) |
hsl(215,30%,58%) |
#6381ab |
rgb(99,129,171) |
hsl(215,30%,53%) |
#56749f |
rgb(86,116,159) |
hsl(215,30%,48%) |
#4d688f |
rgb(77,104,143) |
hsl(215,30%,43%) |
#445c7e |
rgb(68,92,126) |
hsl(215,30%,38%) |
#3b506d |
rgb(59,80,109) |
hsl(215,30%,33%) |
#32445d |
rgb(50,68,93) |
hsl(215,30%,28%) |
#29384c |
rgb(41,56,76) |
hsl(215,30%,23%) |
#202c3c |
rgb(32,44,60) |
hsl(215,30%,18%) |
#171f2b |
rgb(23,31,43) |
hsl(215,30%,13%) |
#0e131b |
rgb(14,19,27) |
hsl(215,30%,8%) |
#05070a |
rgb(5,7,10) |
hsl(215,30%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A6B67 |
rgb(58,107,103) |
hsl(175,30%,32%) |
#3A4F6C |
rgb(58,79,108) |
hsl(215,30%,33%) |
#463B6C |
rgb(70,59,108) |
hsl(253,29%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#435C7D |
rgb(67,92,125) |
hsl(214,30%,38%) |
#3A4F6C |
rgb(58,79,108) |
hsl(215,30%,33%) |
#30425A |
rgb(48,66,90) |
hsl(214,30%,27%) |
#273649 |
rgb(39,54,73) |
hsl(214,30%,22%) |
#1E2938 |
rgb(30,41,56) |
hsl(215,30%,17%) |
#141C26 |
rgb(20,28,38) |
hsl(213,31%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A4F6C |
rgb(58,79,108) |
hsl(215,30%,33%) |
#6C3D3A |
rgb(108,61,58) |
hsl(4,30%,33%) |
#686B3A |
rgb(104,107,58) |
hsl(64,30%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A4F6C |
rgb(58,79,108) |
hsl(215,30%,33%) |
#6C573A |
rgb(108,87,58) |
hsl(35,30%,33%) |
#3A696C |
rgb(58,105,108) |
hsl(184,30%,33%) |
#686B3A |
rgb(104,107,58) |
hsl(64,30%,32%) |