HEX #318CC2 color — Boston Blue

The color #318CC2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

318CC2 color palette from light to dark

HEX RGB HSL
#f7fbfd rgb(247,251,253) hsl(202,60%,98%)
#e2f0f8 rgb(226,240,248) hsl(202,60%,93%)
#cee5f3 rgb(206,229,243) hsl(202,60%,88%)
#badbee rgb(186,219,238) hsl(202,60%,83%)
#a5d0e9 rgb(165,208,233) hsl(202,60%,78%)
#91c5e3 rgb(145,197,227) hsl(202,60%,73%)
#7cbade rgb(124,186,222) hsl(202,60%,68%)
#68b0d9 rgb(104,176,217) hsl(202,60%,63%)
#54a5d4 rgb(84,165,212) hsl(202,60%,58%)
#3f9acf rgb(63,154,207) hsl(202,60%,53%)
#318ec4 rgb(49,142,196) hsl(202,60%,48%)
#2c7faf rgb(44,127,175) hsl(202,60%,43%)
#27709b rgb(39,112,155) hsl(202,60%,38%)
#226287 rgb(34,98,135) hsl(202,60%,33%)
#1d5372 rgb(29,83,114) hsl(202,60%,28%)
#17445e rgb(23,68,94) hsl(202,60%,23%)
#123549 rgb(18,53,73) hsl(202,60%,18%)
#0d2635 rgb(13,38,53) hsl(202,60%,13%)
#081821 rgb(8,24,33) hsl(202,60%,8%)
#03090c rgb(3,9,12) hsl(202,60%,3%)

Adjacent colors

HEX RGB HSL
#31C297 rgb(49,194,151) hsl(162,60%,48%)
#318CC2 rgb(49,140,194) hsl(202,60%,48%)
#3630C2 rgb(54,48,194) hsl(242,60%,47%)

Monochromatic colors

HEX RGB HSL
#67B0D8 rgb(103,176,216) hsl(201,59%,63%)
#489ED1 rgb(72,158,209) hsl(202,60%,55%)
#318CC2 rgb(49,140,194) hsl(202,60%,48%)
#2975A2 rgb(41,117,162) hsl(202,60%,40%)
#215E83 rgb(33,94,131) hsl(203,60%,32%)
#194A64 rgb(25,74,100) hsl(201,60%,25%)

Triad color palettes

HEX RGB HSL
#318CC2 rgb(49,140,194) hsl(202,60%,48%)
#C23043 rgb(194,48,67) hsl(352,60%,47%)
#C2B031 rgb(194,176,49) hsl(53,60%,48%)

Tetrad color palettes

HEX RGB HSL
#318CC2 rgb(49,140,194) hsl(202,60%,48%)
#C26631 rgb(194,102,49) hsl(22,60%,48%)
#31C2AF rgb(49,194,175) hsl(172,60%,48%)
#C2B031 rgb(194,176,49) hsl(53,60%,48%)