HEX #3A4E69 color — Fiord
The color #3a4e69 is a dark shade and slightly desaturated.
Palette
3a4e69 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7fa |
rgb(245,247,250) |
hsl(214,29%,97%) |
#e5eaf1 |
rgb(229,234,241) |
hsl(214,29%,92%) |
#d4dde7 |
rgb(212,221,231) |
hsl(214,29%,87%) |
#c4cfde |
rgb(196,207,222) |
hsl(214,29%,82%) |
#b3c2d5 |
rgb(179,194,213) |
hsl(214,29%,77%) |
#a3b5cc |
rgb(163,181,204) |
hsl(214,29%,72%) |
#92a8c3 |
rgb(146,168,195) |
hsl(214,29%,67%) |
#829aba |
rgb(130,154,186) |
hsl(214,29%,62%) |
#728db1 |
rgb(114,141,177) |
hsl(214,29%,57%) |
#6180a8 |
rgb(97,128,168) |
hsl(214,29%,52%) |
#55739b |
rgb(85,115,155) |
hsl(214,29%,47%) |
#4c678a |
rgb(76,103,138) |
hsl(214,29%,42%) |
#435b7a |
rgb(67,91,122) |
hsl(214,29%,37%) |
#3a4e69 |
rgb(58,78,105) |
hsl(214,29%,32%) |
#314259 |
rgb(49,66,89) |
hsl(214,29%,27%) |
#283648 |
rgb(40,54,72) |
hsl(214,29%,22%) |
#1f2a38 |
rgb(31,42,56) |
hsl(214,29%,17%) |
#161d27 |
rgb(22,29,39) |
hsl(214,29%,12%) |
#0d1117 |
rgb(13,17,23) |
hsl(214,29%,7%) |
#040507 |
rgb(4,5,7) |
hsl(214,29%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A6964 |
rgb(58,105,100) |
hsl(174,29%,32%) |
#3A4E69 |
rgb(58,78,105) |
hsl(214,29%,32%) |
#453B69 |
rgb(69,59,105) |
hsl(253,28%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#435979 |
rgb(67,89,121) |
hsl(216,29%,37%) |
#3A4E69 |
rgb(58,78,105) |
hsl(214,29%,32%) |
#304258 |
rgb(48,66,88) |
hsl(213,29%,27%) |
#273647 |
rgb(39,54,71) |
hsl(212,29%,22%) |
#1E2936 |
rgb(30,41,54) |
hsl(213,29%,16%) |
#141C25 |
rgb(20,28,37) |
hsl(212,30%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A4E69 |
rgb(58,78,105) |
hsl(214,29%,32%) |
#693D3A |
rgb(105,61,58) |
hsl(4,29%,32%) |
#65693A |
rgb(101,105,58) |
hsl(65,29%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A4E69 |
rgb(58,78,105) |
hsl(214,29%,32%) |
#69543A |
rgb(105,84,58) |
hsl(33,29%,32%) |
#3A6669 |
rgb(58,102,105) |
hsl(184,29%,32%) |
#65693A |
rgb(101,105,58) |
hsl(65,29%,32%) |