Color HEX #3C87C2, RGB(60,135,194)
Color name is Boston Blue. The color #3c87c2 is a dark shade and moderately saturated.
Palette
3c87c2 color palette from light to dark
| HEX |
RGB |
HSL |
| #010304 |
rgb(1,3,4) |
hsl(206,53%,1%) |
| #020508 |
rgb(2,5,8) |
hsl(206,53%,2%) |
| #04080c |
rgb(4,8,12) |
hsl(206,53%,3%) |
| #050b10 |
rgb(5,11,16) |
hsl(206,53%,4%) |
| #060e14 |
rgb(6,14,20) |
hsl(206,53%,5%) |
| #071017 |
rgb(7,16,23) |
hsl(206,53%,6%) |
| #08131b |
rgb(8,19,27) |
hsl(206,53%,7%) |
| #0a161f |
rgb(10,22,31) |
hsl(206,53%,8%) |
| #0b1923 |
rgb(11,25,35) |
hsl(206,53%,9%) |
| #0c1b27 |
rgb(12,27,39) |
hsl(206,53%,10%) |
| #0d1e2b |
rgb(13,30,43) |
hsl(206,53%,11%) |
| #0e212f |
rgb(14,33,47) |
hsl(206,53%,12%) |
| #102333 |
rgb(16,35,51) |
hsl(206,53%,13%) |
| #112637 |
rgb(17,38,55) |
hsl(206,53%,14%) |
| #12293b |
rgb(18,41,59) |
hsl(206,53%,15%) |
| #132c3e |
rgb(19,44,62) |
hsl(206,53%,16%) |
| #142e42 |
rgb(20,46,66) |
hsl(206,53%,17%) |
| #163146 |
rgb(22,49,70) |
hsl(206,53%,18%) |
| #17344a |
rgb(23,52,74) |
hsl(206,53%,19%) |
| #18374e |
rgb(24,55,78) |
hsl(206,53%,20%) |
| #193952 |
rgb(25,57,82) |
hsl(206,53%,21%) |
| #1a3c56 |
rgb(26,60,86) |
hsl(206,53%,22%) |
| #1c3f5a |
rgb(28,63,90) |
hsl(206,53%,23%) |
| #1d425e |
rgb(29,66,94) |
hsl(206,53%,24%) |
| #1e4462 |
rgb(30,68,98) |
hsl(206,53%,25%) |
| #1f4765 |
rgb(31,71,101) |
hsl(206,53%,26%) |
| #204a69 |
rgb(32,74,105) |
hsl(206,53%,27%) |
| #224c6d |
rgb(34,76,109) |
hsl(206,53%,28%) |
| #234f71 |
rgb(35,79,113) |
hsl(206,53%,29%) |
| #245275 |
rgb(36,82,117) |
hsl(206,53%,30%) |
| #255579 |
rgb(37,85,121) |
hsl(206,53%,31%) |
| #26577d |
rgb(38,87,125) |
hsl(206,53%,32%) |
| #285a81 |
rgb(40,90,129) |
hsl(206,53%,33%) |
| #295d85 |
rgb(41,93,133) |
hsl(206,53%,34%) |
| #2a6089 |
rgb(42,96,137) |
hsl(206,53%,35%) |
| #2b628c |
rgb(43,98,140) |
hsl(206,53%,36%) |
| #2c6590 |
rgb(44,101,144) |
hsl(206,53%,37%) |
| #2e6894 |
rgb(46,104,148) |
hsl(206,53%,38%) |
| #2f6a98 |
rgb(47,106,152) |
hsl(206,53%,39%) |
| #306d9c |
rgb(48,109,156) |
hsl(206,53%,40%) |
| #3170a0 |
rgb(49,112,160) |
hsl(206,53%,41%) |
| #3273a4 |
rgb(50,115,164) |
hsl(206,53%,42%) |
| #3475a8 |
rgb(52,117,168) |
hsl(206,53%,43%) |
| #3578ac |
rgb(53,120,172) |
hsl(206,53%,44%) |
| #367bb0 |
rgb(54,123,176) |
hsl(206,53%,45%) |
| #377eb3 |
rgb(55,126,179) |
hsl(206,53%,46%) |
| #3880b7 |
rgb(56,128,183) |
hsl(206,53%,47%) |
| #3a83bb |
rgb(58,131,187) |
hsl(206,53%,48%) |
| #3b86bf |
rgb(59,134,191) |
hsl(206,53%,49%) |
| #3c89c3 |
rgb(60,137,195) |
hsl(206,53%,50%) |
| #408bc4 |
rgb(64,139,196) |
hsl(206,53%,51%) |
| #448dc5 |
rgb(68,141,197) |
hsl(206,53%,52%) |
| #4890c7 |
rgb(72,144,199) |
hsl(206,53%,53%) |
| #4c92c8 |
rgb(76,146,200) |
hsl(206,53%,54%) |
| #4f94c9 |
rgb(79,148,201) |
hsl(206,53%,55%) |
| #5397ca |
rgb(83,151,202) |
hsl(206,53%,56%) |
| #5799cb |
rgb(87,153,203) |
hsl(206,53%,57%) |
| #5b9bcd |
rgb(91,155,205) |
hsl(206,53%,58%) |
| #5f9ece |
rgb(95,158,206) |
hsl(206,53%,59%) |
| #63a0cf |
rgb(99,160,207) |
hsl(206,53%,60%) |
| #67a3d0 |
rgb(103,163,208) |
hsl(206,53%,61%) |
| #6ba5d1 |
rgb(107,165,209) |
hsl(206,53%,62%) |
| #6fa7d3 |
rgb(111,167,211) |
hsl(206,53%,63%) |
| #73aad4 |
rgb(115,170,212) |
hsl(206,53%,64%) |
| #76acd5 |
rgb(118,172,213) |
hsl(206,53%,65%) |
| #7aaed6 |
rgb(122,174,214) |
hsl(206,53%,66%) |
| #7eb1d7 |
rgb(126,177,215) |
hsl(206,53%,67%) |
| #82b3d9 |
rgb(130,179,217) |
hsl(206,53%,68%) |
| #86b6da |
rgb(134,182,218) |
hsl(206,53%,69%) |
| #8ab8db |
rgb(138,184,219) |
hsl(206,53%,70%) |
| #8ebadc |
rgb(142,186,220) |
hsl(206,53%,71%) |
| #92bddd |
rgb(146,189,221) |
hsl(206,53%,72%) |
| #96bfdf |
rgb(150,191,223) |
hsl(206,53%,73%) |
| #9ac1e0 |
rgb(154,193,224) |
hsl(206,53%,74%) |
| #9dc4e1 |
rgb(157,196,225) |
hsl(206,53%,75%) |
| #a1c6e2 |
rgb(161,198,226) |
hsl(206,53%,76%) |
| #a5c8e3 |
rgb(165,200,227) |
hsl(206,53%,77%) |
| #a9cbe5 |
rgb(169,203,229) |
hsl(206,53%,78%) |
| #adcde6 |
rgb(173,205,230) |
hsl(206,53%,79%) |
| #b1d0e7 |
rgb(177,208,231) |
hsl(206,53%,80%) |
| #b5d2e8 |
rgb(181,210,232) |
hsl(206,53%,81%) |
| #b9d4e9 |
rgb(185,212,233) |
hsl(206,53%,82%) |
| #bdd7eb |
rgb(189,215,235) |
hsl(206,53%,83%) |
| #c1d9ec |
rgb(193,217,236) |
hsl(206,53%,84%) |
| #c4dbed |
rgb(196,219,237) |
hsl(206,53%,85%) |
| #c8deee |
rgb(200,222,238) |
hsl(206,53%,86%) |
| #cce0ef |
rgb(204,224,239) |
hsl(206,53%,87%) |
| #d0e3f1 |
rgb(208,227,241) |
hsl(206,53%,88%) |
| #d4e5f2 |
rgb(212,229,242) |
hsl(206,53%,89%) |
| #d8e7f3 |
rgb(216,231,243) |
hsl(206,53%,90%) |
| #dceaf4 |
rgb(220,234,244) |
hsl(206,53%,91%) |
| #e0ecf5 |
rgb(224,236,245) |
hsl(206,53%,92%) |
| #e4eef7 |
rgb(228,238,247) |
hsl(206,53%,93%) |
| #e8f1f8 |
rgb(232,241,248) |
hsl(206,53%,94%) |
| #ebf3f9 |
rgb(235,243,249) |
hsl(206,53%,95%) |
| #eff6fa |
rgb(239,246,250) |
hsl(206,53%,96%) |
| #f3f8fb |
rgb(243,248,251) |
hsl(206,53%,97%) |
| #f7fafd |
rgb(247,250,253) |
hsl(206,53%,98%) |
| #fbfdfe |
rgb(251,253,254) |
hsl(206,53%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3cc2a3 |
rgb(60,194,163) |
hsl(166,53%,50%) |
| #3c87c2 |
rgb(60,135,194) |
hsl(206,53%,50%) |
| #4a3dc2 |
rgb(74,61,194) |
hsl(246,52%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #79add5 |
rgb(121,173,213) |
hsl(206,52%,65%) |
| #5a99cc |
rgb(90,153,204) |
hsl(207,53%,58%) |
| #3c87c2 |
rgb(60,135,194) |
hsl(206,53%,50%) |
| #3270a2 |
rgb(50,112,162) |
hsl(207,53%,42%) |
| #285c83 |
rgb(40,92,131) |
hsl(206,53%,34%) |
| #1f4764 |
rgb(31,71,100) |
hsl(205,53%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3c87c2 |
rgb(60,135,194) |
hsl(206,53%,50%) |
| #c23d44 |
rgb(194,61,68) |
hsl(357,52%,50%) |
| #c2ba3c |
rgb(194,186,60) |
hsl(56,53%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3c87c2 |
rgb(60,135,194) |
hsl(206,53%,50%) |
| #c2783c |
rgb(194,120,60) |
hsl(27,53%,50%) |
| #3cc2ba |
rgb(60,194,186) |
hsl(176,53%,50%) |
| #c2ba3c |
rgb(194,186,60) |
hsl(56,53%,50%) |
