HEX #3A5A7E color — East Bay

The color #3a5a7e is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3a5a7e color palette from light to dark

HEX RGB HSL
#f1f5f9 rgb(241,245,249) hsl(212,37%,96%)
#e0e7f1 rgb(224,231,241) hsl(212,37%,91%)
#cedae9 rgb(206,218,233) hsl(212,37%,86%)
#bdcde0 rgb(189,205,224) hsl(212,37%,81%)
#abc0d8 rgb(171,192,216) hsl(212,37%,76%)
#9ab3d0 rgb(154,179,208) hsl(212,37%,71%)
#88a6c8 rgb(136,166,200) hsl(212,37%,66%)
#7799c0 rgb(119,153,192) hsl(212,37%,61%)
#658cb8 rgb(101,140,184) hsl(212,37%,56%)
#547fb0 rgb(84,127,176) hsl(212,37%,51%)
#4a72a1 rgb(74,114,161) hsl(212,37%,46%)
#42668f rgb(66,102,143) hsl(212,37%,41%)
#3a5a7e rgb(58,90,126) hsl(212,37%,36%)
#324d6c rgb(50,77,108) hsl(212,37%,31%)
#2a415b rgb(42,65,91) hsl(212,37%,26%)
#223449 rgb(34,52,73) hsl(212,37%,21%)
#1a2838 rgb(26,40,56) hsl(212,37%,16%)
#121b26 rgb(18,27,38) hsl(212,37%,11%)
#0a0f15 rgb(10,15,21) hsl(212,37%,6%)
#020203 rgb(2,2,3) hsl(212,37%,1%)

Adjacent colors

HEX RGB HSL
#3A7D74 rgb(58,125,116) hsl(172,37%,36%)
#3A5A7E rgb(58,90,126) hsl(212,37%,36%)
#473B7E rgb(71,59,126) hsl(251,36%,36%)

Monochromatic colors

HEX RGB HSL
#436992 rgb(67,105,146) hsl(211,37%,42%)
#3A5A7E rgb(58,90,126) hsl(212,37%,36%)
#304D69 rgb(48,77,105) hsl(209,37%,30%)
#273D55 rgb(39,61,85) hsl(211,37%,24%)
#1E2E41 rgb(30,46,65) hsl(213,37%,19%)
#14212D rgb(20,33,45) hsl(209,38%,13%)

Triad color palettes

HEX RGB HSL
#3A5A7E rgb(58,90,126) hsl(212,37%,36%)
#7E3D3A rgb(126,61,58) hsl(3,37%,36%)
#7C7D3A rgb(124,125,58) hsl(61,37%,36%)

Tetrad color palettes

HEX RGB HSL
#3A5A7E rgb(58,90,126) hsl(212,37%,36%)
#7E5E3A rgb(126,94,58) hsl(32,37%,36%)
#3A7D7E rgb(58,125,126) hsl(181,37%,36%)
#7C7D3A rgb(124,125,58) hsl(61,37%,36%)