HEX #3C99B2 color — Boston Blue
The color #3C99B2 is a light shade and moderately saturated.
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%) |