HEX #3A5461 color — Fiord
The color #3A5461 is a dark shade and slightly desaturated.
Palette
3A5461 color palette from light to dark
HEX |
RGB |
HSL |
#eff3f5 |
rgb(239,243,245) |
hsl(200,25%,95%) |
#dfe8ec |
rgb(223,232,236) |
hsl(200,25%,90%) |
#cfdce2 |
rgb(207,220,226) |
hsl(200,25%,85%) |
#bfd0d9 |
rgb(191,208,217) |
hsl(200,25%,80%) |
#afc5cf |
rgb(175,197,207) |
hsl(200,25%,75%) |
#9fb9c6 |
rgb(159,185,198) |
hsl(200,25%,70%) |
#8fadbc |
rgb(143,173,188) |
hsl(200,25%,65%) |
#80a2b3 |
rgb(128,162,179) |
hsl(200,25%,60%) |
#7096a9 |
rgb(112,150,169) |
hsl(200,25%,55%) |
#608a9f |
rgb(96,138,159) |
hsl(200,25%,50%) |
#567c8f |
rgb(86,124,143) |
hsl(200,25%,45%) |
#4d6f80 |
rgb(77,111,128) |
hsl(200,25%,40%) |
#436170 |
rgb(67,97,112) |
hsl(200,25%,35%) |
#395360 |
rgb(57,83,96) |
hsl(200,25%,30%) |
#304550 |
rgb(48,69,80) |
hsl(200,25%,25%) |
#263740 |
rgb(38,55,64) |
hsl(200,25%,20%) |
#1d2930 |
rgb(29,41,48) |
hsl(200,25%,15%) |
#131c20 |
rgb(19,28,32) |
hsl(200,25%,10%) |
#0a0e10 |
rgb(10,14,16) |
hsl(200,25%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A6154 |
rgb(58,97,84) |
hsl(160,25%,30%) |
#3A5461 |
rgb(58,84,97) |
hsl(200,25%,30%) |
#3A3B61 |
rgb(58,59,97) |
hsl(238,25%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#436170 |
rgb(67,97,112) |
hsl(200,25%,35%) |
#3A5461 |
rgb(58,84,97) |
hsl(200,25%,30%) |
#304751 |
rgb(48,71,81) |
hsl(198,26%,25%) |
#273841 |
rgb(39,56,65) |
hsl(201,25%,20%) |
#1E2B32 |
rgb(30,43,50) |
hsl(201,25%,16%) |
#141F22 |
rgb(20,31,34) |
hsl(193,26%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5461 |
rgb(58,84,97) |
hsl(200,25%,30%) |
#613B40 |
rgb(97,59,64) |
hsl(352,24%,31%) |
#61593A |
rgb(97,89,58) |
hsl(48,25%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5461 |
rgb(58,84,97) |
hsl(200,25%,30%) |
#61473A |
rgb(97,71,58) |
hsl(20,25%,30%) |
#3A615A |
rgb(58,97,90) |
hsl(169,25%,30%) |
#61593A |
rgb(97,89,58) |
hsl(48,25%,30%) |