HEX #3C99B2 color — Boston Blue

The color #3C99B2 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3C99B2 color palette from light to dark

HEX RGB HSL
#f4fafb rgb(244,250,251) hsl(193,50%,97%)
#e0f0f5 rgb(224,240,245) hsl(193,50%,92%)
#cde7ee rgb(205,231,238) hsl(193,50%,87%)
#badee8 rgb(186,222,232) hsl(193,50%,82%)
#a7d5e2 rgb(167,213,226) hsl(193,50%,77%)
#94ccdb rgb(148,204,219) hsl(193,50%,72%)
#81c3d5 rgb(129,195,213) hsl(193,50%,67%)
#6ebacf rgb(110,186,207) hsl(193,50%,62%)
#5bb0c8 rgb(91,176,200) hsl(193,50%,57%)
#47a7c2 rgb(71,167,194) hsl(193,50%,52%)
#3c9ab4 rgb(60,154,180) hsl(193,50%,47%)
#3689a1 rgb(54,137,161) hsl(193,50%,42%)
#2f798e rgb(47,121,142) hsl(193,50%,37%)
#29697a rgb(41,105,122) hsl(193,50%,32%)
#225867 rgb(34,88,103) hsl(193,50%,27%)
#1c4854 rgb(28,72,84) hsl(193,50%,22%)
#163841 rgb(22,56,65) hsl(193,50%,17%)
#0f272e rgb(15,39,46) hsl(193,50%,12%)
#09171b rgb(9,23,27) hsl(193,50%,7%)
#030708 rgb(3,7,8) hsl(193,50%,2%)

Adjacent colors

HEX RGB HSL
#3CB37C rgb(60,179,124) hsl(152,50%,47%)
#3C99B2 rgb(60,153,178) hsl(193,50%,47%)
#3C4AB2 rgb(60,74,178) hsl(233,50%,47%)

Monochromatic colors

HEX RGB HSL
#6CBACD rgb(108,186,205) hsl(192,49%,61%)
#50ABC4 rgb(80,171,196) hsl(193,50%,54%)
#3C99B2 rgb(60,153,178) hsl(193,50%,47%)
#328095 rgb(50,128,149) hsl(193,50%,39%)
#286979 rgb(40,105,121) hsl(192,50%,32%)
#1F4F5C rgb(31,79,92) hsl(193,50%,24%)

Triad color palettes

HEX RGB HSL
#3C99B2 rgb(60,153,178) hsl(193,50%,47%)
#B23D5E rgb(178,61,94) hsl(343,49%,47%)
#B28F3C rgb(178,143,60) hsl(42,50%,47%)

Tetrad color palettes

HEX RGB HSL
#3C99B2 rgb(60,153,178) hsl(193,50%,47%)
#B2543C rgb(178,84,60) hsl(12,50%,47%)
#3CB390 rgb(60,179,144) hsl(162,50%,47%)
#B28F3C rgb(178,143,60) hsl(42,50%,47%)