HEX #348CBC color — Boston Blue

The color #348CBC is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

348CBC color palette from light to dark

HEX RGB HSL
#f3f9fc rgb(243,249,252) hsl(201,57%,97%)
#dfeef6 rgb(223,238,246) hsl(201,57%,92%)
#cbe4f1 rgb(203,228,241) hsl(201,57%,87%)
#b7d9eb rgb(183,217,235) hsl(201,57%,82%)
#a3cee6 rgb(163,206,230) hsl(201,57%,77%)
#8fc4e0 rgb(143,196,224) hsl(201,57%,72%)
#7bb9db rgb(123,185,219) hsl(201,57%,67%)
#67afd5 rgb(103,175,213) hsl(201,57%,62%)
#53a4d0 rgb(83,164,208) hsl(201,57%,57%)
#3f9aca rgb(63,154,202) hsl(201,57%,52%)
#348cbc rgb(52,140,188) hsl(201,57%,47%)
#2e7da8 rgb(46,125,168) hsl(201,57%,42%)
#296e94 rgb(41,110,148) hsl(201,57%,37%)
#236080 rgb(35,96,128) hsl(201,57%,32%)
#1e516c rgb(30,81,108) hsl(201,57%,27%)
#184258 rgb(24,66,88) hsl(201,57%,22%)
#133344 rgb(19,51,68) hsl(201,57%,17%)
#0d2430 rgb(13,36,48) hsl(201,57%,12%)
#08151c rgb(8,21,28) hsl(201,57%,7%)
#020608 rgb(2,6,8) hsl(201,57%,2%)

Adjacent colors

HEX RGB HSL
#34BD91 rgb(52,189,145) hsl(161,57%,47%)
#348CBC rgb(52,140,188) hsl(201,57%,47%)
#3633BC rgb(54,51,188) hsl(241,57%,47%)

Monochromatic colors

HEX RGB HSL
#67ADD5 rgb(103,173,213) hsl(202,57%,62%)
#499ECC rgb(73,158,204) hsl(201,56%,54%)
#348CBC rgb(52,140,188) hsl(201,57%,47%)
#2B759D rgb(43,117,157) hsl(201,57%,39%)
#235E7F rgb(35,94,127) hsl(202,57%,32%)
#1B4A61 rgb(27,74,97) hsl(200,56%,24%)

Triad color palettes

HEX RGB HSL
#348CBC rgb(52,140,188) hsl(201,57%,47%)
#BC3348 rgb(188,51,72) hsl(351,57%,47%)
#BCA834 rgb(188,168,52) hsl(51,57%,47%)

Tetrad color palettes

HEX RGB HSL
#348CBC rgb(52,140,188) hsl(201,57%,47%)
#BC6334 rgb(188,99,52) hsl(21,57%,47%)
#34BDA8 rgb(52,189,168) hsl(171,57%,47%)
#BCA834 rgb(188,168,52) hsl(51,57%,47%)