HEX #3A5766 color — Fiord

The color #3A5766 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

3A5766 color palette from light to dark

HEX RGB HSL
#f2f6f8 rgb(242,246,248) hsl(200,28%,96%)
#e2eaee rgb(226,234,238) hsl(200,28%,91%)
#d1dfe5 rgb(209,223,229) hsl(200,28%,86%)
#c1d3dc rgb(193,211,220) hsl(200,28%,81%)
#b1c8d3 rgb(177,200,211) hsl(200,28%,76%)
#a0bcca rgb(160,188,202) hsl(200,28%,71%)
#90b0c1 rgb(144,176,193) hsl(200,28%,66%)
#80a5b7 rgb(128,165,183) hsl(200,28%,61%)
#6f99ae rgb(111,153,174) hsl(200,28%,56%)
#5f8ea5 rgb(95,142,165) hsl(200,28%,51%)
#548096 rgb(84,128,150) hsl(200,28%,46%)
#4b7286 rgb(75,114,134) hsl(200,28%,41%)
#426476 rgb(66,100,118) hsl(200,28%,36%)
#395665 rgb(57,86,101) hsl(200,28%,31%)
#304855 rgb(48,72,85) hsl(200,28%,26%)
#273b45 rgb(39,59,69) hsl(200,28%,21%)
#1d2d34 rgb(29,45,52) hsl(200,28%,16%)
#141f24 rgb(20,31,36) hsl(200,28%,11%)
#0b1114 rgb(11,17,20) hsl(200,28%,6%)
#020303 rgb(2,3,3) hsl(200,28%,1%)

Adjacent colors

HEX RGB HSL
#3A6657 rgb(58,102,87) hsl(160,28%,31%)
#3A5766 rgb(58,87,102) hsl(200,28%,31%)
#3A3B66 rgb(58,59,102) hsl(239,28%,31%)

Monochromatic colors

HEX RGB HSL
#436676 rgb(67,102,118) hsl(199,28%,36%)
#3A5766 rgb(58,87,102) hsl(200,28%,31%)
#304A55 rgb(48,74,85) hsl(198,28%,26%)
#273B45 rgb(39,59,69) hsl(200,28%,21%)
#1E2E35 rgb(30,46,53) hsl(198,28%,16%)
#141F24 rgb(20,31,36) hsl(199,29%,11%)

Triad color palettes

HEX RGB HSL
#3A5766 rgb(58,87,102) hsl(200,28%,31%)
#663B41 rgb(102,59,65) hsl(352,27%,32%)
#665E3A rgb(102,94,58) hsl(49,28%,31%)

Tetrad color palettes

HEX RGB HSL
#3A5766 rgb(58,87,102) hsl(200,28%,31%)
#664A3A rgb(102,74,58) hsl(22,28%,31%)
#3A665F rgb(58,102,95) hsl(170,28%,31%)
#665E3A rgb(102,94,58) hsl(49,28%,31%)