HEX #3A5C7C color — East Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

3A5C7C color palette from light to dark

HEX RGB HSL
#f1f5f8 rgb(241,245,248) hsl(209,36%,96%)
#e0e8f0 rgb(224,232,240) hsl(209,36%,91%)
#cedce8 rgb(206,220,232) hsl(209,36%,86%)
#bdcfe0 rgb(189,207,224) hsl(209,36%,81%)
#acc3d8 rgb(172,195,216) hsl(209,36%,76%)
#9ab6d0 rgb(154,182,208) hsl(209,36%,71%)
#89a9c8 rgb(137,169,200) hsl(209,36%,66%)
#789dbf rgb(120,157,191) hsl(209,36%,61%)
#6690b7 rgb(102,144,183) hsl(209,36%,56%)
#5584af rgb(85,132,175) hsl(209,36%,51%)
#4b77a0 rgb(75,119,160) hsl(209,36%,46%)
#436a8e rgb(67,106,142) hsl(209,36%,41%)
#3b5d7d rgb(59,93,125) hsl(209,36%,36%)
#33506c rgb(51,80,108) hsl(209,36%,31%)
#2a435a rgb(42,67,90) hsl(209,36%,26%)
#223649 rgb(34,54,73) hsl(209,36%,21%)
#1a2937 rgb(26,41,55) hsl(209,36%,16%)
#121c26 rgb(18,28,38) hsl(209,36%,11%)
#0a0f15 rgb(10,15,21) hsl(209,36%,6%)
#020303 rgb(2,3,3) hsl(209,36%,1%)

Adjacent colors

HEX RGB HSL
#3A7D70 rgb(58,125,112) hsl(168,37%,36%)
#3A5C7C rgb(58,92,124) hsl(209,36%,36%)
#443B7C rgb(68,59,124) hsl(248,36%,36%)

Monochromatic colors

HEX RGB HSL
#436B8F rgb(67,107,143) hsl(208,36%,41%)
#3A5C7C rgb(58,92,124) hsl(209,36%,36%)
#304D68 rgb(48,77,104) hsl(209,37%,30%)
#274054 rgb(39,64,84) hsl(207,37%,24%)
#1E3040 rgb(30,48,64) hsl(208,36%,18%)
#14212C rgb(20,33,44) hsl(208,38%,13%)

Triad color palettes

HEX RGB HSL
#3A5C7C rgb(58,92,124) hsl(209,36%,36%)
#7C3B3B rgb(124,59,59) hsl(360,36%,36%)
#7C7A3A rgb(124,122,58) hsl(58,36%,36%)

Tetrad color palettes

HEX RGB HSL
#3A5C7C rgb(58,92,124) hsl(209,36%,36%)
#7C593A rgb(124,89,58) hsl(28,36%,36%)
#3A7D7B rgb(58,125,123) hsl(178,37%,36%)
#7C7A3A rgb(124,122,58) hsl(58,36%,36%)