HEX #3D5470 color — Fiord
The color #3D5470 is a dark shade and slightly desaturated.
Palette
3D5470 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(213,29%,99%) |
#ebeff4 |
rgb(235,239,244) |
hsl(213,29%,94%) |
#dbe2eb |
rgb(219,226,235) |
hsl(213,29%,89%) |
#cad5e2 |
rgb(202,213,226) |
hsl(213,29%,84%) |
#bac8d9 |
rgb(186,200,217) |
hsl(213,29%,79%) |
#a9bbd0 |
rgb(169,187,208) |
hsl(213,29%,74%) |
#99aec7 |
rgb(153,174,199) |
hsl(213,29%,69%) |
#89a1be |
rgb(137,161,190) |
hsl(213,29%,64%) |
#7893b5 |
rgb(120,147,181) |
hsl(213,29%,59%) |
#6886ac |
rgb(104,134,172) |
hsl(213,29%,54%) |
#5979a1 |
rgb(89,121,161) |
hsl(213,29%,49%) |
#506d91 |
rgb(80,109,145) |
hsl(213,29%,44%) |
#476180 |
rgb(71,97,128) |
hsl(213,29%,39%) |
#3e5470 |
rgb(62,84,112) |
hsl(213,29%,34%) |
#35485f |
rgb(53,72,95) |
hsl(213,29%,29%) |
#2b3b4f |
rgb(43,59,79) |
hsl(213,29%,24%) |
#222f3f |
rgb(34,47,63) |
hsl(213,29%,19%) |
#19232e |
rgb(25,35,46) |
hsl(213,29%,14%) |
#10161e |
rgb(16,22,30) |
hsl(213,29%,9%) |
#070a0d |
rgb(7,10,13) |
hsl(213,29%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3D706A |
rgb(61,112,106) |
hsl(173,29%,34%) |
#3D5470 |
rgb(61,84,112) |
hsl(213,29%,34%) |
#483D70 |
rgb(72,61,112) |
hsl(253,29%,34%) |
Monochromatic colors
HEX |
RGB |
HSL |
#466181 |
rgb(70,97,129) |
hsl(213,30%,39%) |
#3D5470 |
rgb(61,84,112) |
hsl(213,29%,34%) |
#33475E |
rgb(51,71,94) |
hsl(212,30%,28%) |
#29384C |
rgb(41,56,76) |
hsl(214,30%,23%) |
#1F2B3A |
rgb(31,43,58) |
hsl(213,30%,17%) |
#151F28 |
rgb(21,31,40) |
hsl(208,31%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D5470 |
rgb(61,84,112) |
hsl(213,29%,34%) |
#70403D |
rgb(112,64,61) |
hsl(4,29%,34%) |
#6D703D |
rgb(109,112,61) |
hsl(64,29%,34%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D5470 |
rgb(61,84,112) |
hsl(213,29%,34%) |
#70593D |
rgb(112,89,61) |
hsl(33,29%,34%) |
#3D6E70 |
rgb(61,110,112) |
hsl(182,29%,34%) |
#6D703D |
rgb(109,112,61) |
hsl(64,29%,34%) |