HEX #3A4F6B color — Fiord
The color #3A4F6B is a dark shade and slightly desaturated.
Palette
3A4F6B color palette from light to dark
HEX |
RGB |
HSL |
#f5f7fa |
rgb(245,247,250) |
hsl(214,30%,97%) |
#e4eaf1 |
rgb(228,234,241) |
hsl(214,30%,92%) |
#d4dde8 |
rgb(212,221,232) |
hsl(214,30%,87%) |
#c3cfdf |
rgb(195,207,223) |
hsl(214,30%,82%) |
#b3c2d6 |
rgb(179,194,214) |
hsl(214,30%,77%) |
#a2b5cd |
rgb(162,181,205) |
hsl(214,30%,72%) |
#92a7c4 |
rgb(146,167,196) |
hsl(214,30%,67%) |
#819abb |
rgb(129,154,187) |
hsl(214,30%,62%) |
#708db2 |
rgb(112,141,178) |
hsl(214,30%,57%) |
#6080a9 |
rgb(96,128,169) |
hsl(214,30%,52%) |
#54739c |
rgb(84,115,156) |
hsl(214,30%,47%) |
#4b678b |
rgb(75,103,139) |
hsl(214,30%,42%) |
#425b7b |
rgb(66,91,123) |
hsl(214,30%,37%) |
#394e6a |
rgb(57,78,106) |
hsl(214,30%,32%) |
#30425a |
rgb(48,66,90) |
hsl(214,30%,27%) |
#273649 |
rgb(39,54,73) |
hsl(214,30%,22%) |
#1e2a38 |
rgb(30,42,56) |
hsl(214,30%,17%) |
#151d28 |
rgb(21,29,40) |
hsl(214,30%,12%) |
#0c1117 |
rgb(12,17,23) |
hsl(214,30%,7%) |
#040507 |
rgb(4,5,7) |
hsl(214,30%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A6B66 |
rgb(58,107,102) |
hsl(174,30%,32%) |
#3A4F6B |
rgb(58,79,107) |
hsl(214,30%,32%) |
#453B6B |
rgb(69,59,107) |
hsl(253,29%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#435C7C |
rgb(67,92,124) |
hsl(214,30%,37%) |
#3A4F6B |
rgb(58,79,107) |
hsl(214,30%,32%) |
#304259 |
rgb(48,66,89) |
hsl(214,30%,27%) |
#273648 |
rgb(39,54,72) |
hsl(213,30%,22%) |
#1E2937 |
rgb(30,41,55) |
hsl(214,29%,17%) |
#141C26 |
rgb(20,28,38) |
hsl(213,31%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A4F6B |
rgb(58,79,107) |
hsl(214,30%,32%) |
#6B3D3A |
rgb(107,61,58) |
hsl(4,30%,32%) |
#676B3A |
rgb(103,107,58) |
hsl(65,30%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A4F6B |
rgb(58,79,107) |
hsl(214,30%,32%) |
#6B573A |
rgb(107,87,58) |
hsl(36,30%,32%) |
#3A696B |
rgb(58,105,107) |
hsl(182,30%,32%) |
#676B3A |
rgb(103,107,58) |
hsl(65,30%,32%) |