Color HEX #3C82C2, RGB(60,130,194)
Color name is Boston Blue. The color #3c82c2 is a dark shade and moderately saturated.
Palette
3c82c2 color palette from light to dark
| HEX |
RGB |
HSL |
| #010304 |
rgb(1,3,4) |
hsl(209,53%,1%) |
| #020508 |
rgb(2,5,8) |
hsl(209,53%,2%) |
| #04080c |
rgb(4,8,12) |
hsl(209,53%,3%) |
| #050a10 |
rgb(5,10,16) |
hsl(209,53%,4%) |
| #060d14 |
rgb(6,13,20) |
hsl(209,53%,5%) |
| #071017 |
rgb(7,16,23) |
hsl(209,53%,6%) |
| #08121b |
rgb(8,18,27) |
hsl(209,53%,7%) |
| #0a151f |
rgb(10,21,31) |
hsl(209,53%,8%) |
| #0b1723 |
rgb(11,23,35) |
hsl(209,53%,9%) |
| #0c1a27 |
rgb(12,26,39) |
hsl(209,53%,10%) |
| #0d1d2b |
rgb(13,29,43) |
hsl(209,53%,11%) |
| #0e1f2f |
rgb(14,31,47) |
hsl(209,53%,12%) |
| #102233 |
rgb(16,34,51) |
hsl(209,53%,13%) |
| #112437 |
rgb(17,36,55) |
hsl(209,53%,14%) |
| #12273b |
rgb(18,39,59) |
hsl(209,53%,15%) |
| #132a3e |
rgb(19,42,62) |
hsl(209,53%,16%) |
| #142c42 |
rgb(20,44,66) |
hsl(209,53%,17%) |
| #162f46 |
rgb(22,47,70) |
hsl(209,53%,18%) |
| #17314a |
rgb(23,49,74) |
hsl(209,53%,19%) |
| #18344e |
rgb(24,52,78) |
hsl(209,53%,20%) |
| #193652 |
rgb(25,54,82) |
hsl(209,53%,21%) |
| #1a3956 |
rgb(26,57,86) |
hsl(209,53%,22%) |
| #1c3c5a |
rgb(28,60,90) |
hsl(209,53%,23%) |
| #1d3e5e |
rgb(29,62,94) |
hsl(209,53%,24%) |
| #1e4162 |
rgb(30,65,98) |
hsl(209,53%,25%) |
| #1f4365 |
rgb(31,67,101) |
hsl(209,53%,26%) |
| #204669 |
rgb(32,70,105) |
hsl(209,53%,27%) |
| #22496d |
rgb(34,73,109) |
hsl(209,53%,28%) |
| #234b71 |
rgb(35,75,113) |
hsl(209,53%,29%) |
| #244e75 |
rgb(36,78,117) |
hsl(209,53%,30%) |
| #255079 |
rgb(37,80,121) |
hsl(209,53%,31%) |
| #26537d |
rgb(38,83,125) |
hsl(209,53%,32%) |
| #285681 |
rgb(40,86,129) |
hsl(209,53%,33%) |
| #295885 |
rgb(41,88,133) |
hsl(209,53%,34%) |
| #2a5b89 |
rgb(42,91,137) |
hsl(209,53%,35%) |
| #2b5d8c |
rgb(43,93,140) |
hsl(209,53%,36%) |
| #2c6090 |
rgb(44,96,144) |
hsl(209,53%,37%) |
| #2e6394 |
rgb(46,99,148) |
hsl(209,53%,38%) |
| #2f6598 |
rgb(47,101,152) |
hsl(209,53%,39%) |
| #30689c |
rgb(48,104,156) |
hsl(209,53%,40%) |
| #316aa0 |
rgb(49,106,160) |
hsl(209,53%,41%) |
| #326da4 |
rgb(50,109,164) |
hsl(209,53%,42%) |
| #3470a8 |
rgb(52,112,168) |
hsl(209,53%,43%) |
| #3572ac |
rgb(53,114,172) |
hsl(209,53%,44%) |
| #3675b0 |
rgb(54,117,176) |
hsl(209,53%,45%) |
| #3777b3 |
rgb(55,119,179) |
hsl(209,53%,46%) |
| #387ab7 |
rgb(56,122,183) |
hsl(209,53%,47%) |
| #3a7dbb |
rgb(58,125,187) |
hsl(209,53%,48%) |
| #3b7fbf |
rgb(59,127,191) |
hsl(209,53%,49%) |
| #3c82c3 |
rgb(60,130,195) |
hsl(209,53%,50%) |
| #4084c4 |
rgb(64,132,196) |
hsl(209,53%,51%) |
| #4487c5 |
rgb(68,135,197) |
hsl(209,53%,52%) |
| #4889c7 |
rgb(72,137,199) |
hsl(209,53%,53%) |
| #4c8cc8 |
rgb(76,140,200) |
hsl(209,53%,54%) |
| #4f8ec9 |
rgb(79,142,201) |
hsl(209,53%,55%) |
| #5391ca |
rgb(83,145,202) |
hsl(209,53%,56%) |
| #5793cb |
rgb(87,147,203) |
hsl(209,53%,57%) |
| #5b96cd |
rgb(91,150,205) |
hsl(209,53%,58%) |
| #5f98ce |
rgb(95,152,206) |
hsl(209,53%,59%) |
| #639bcf |
rgb(99,155,207) |
hsl(209,53%,60%) |
| #679dd0 |
rgb(103,157,208) |
hsl(209,53%,61%) |
| #6ba0d1 |
rgb(107,160,209) |
hsl(209,53%,62%) |
| #6fa2d3 |
rgb(111,162,211) |
hsl(209,53%,63%) |
| #73a5d4 |
rgb(115,165,212) |
hsl(209,53%,64%) |
| #76a7d5 |
rgb(118,167,213) |
hsl(209,53%,65%) |
| #7aaad6 |
rgb(122,170,214) |
hsl(209,53%,66%) |
| #7eacd7 |
rgb(126,172,215) |
hsl(209,53%,67%) |
| #82afd9 |
rgb(130,175,217) |
hsl(209,53%,68%) |
| #86b1da |
rgb(134,177,218) |
hsl(209,53%,69%) |
| #8ab4db |
rgb(138,180,219) |
hsl(209,53%,70%) |
| #8eb6dc |
rgb(142,182,220) |
hsl(209,53%,71%) |
| #92b9dd |
rgb(146,185,221) |
hsl(209,53%,72%) |
| #96bbdf |
rgb(150,187,223) |
hsl(209,53%,73%) |
| #9abee0 |
rgb(154,190,224) |
hsl(209,53%,74%) |
| #9dc0e1 |
rgb(157,192,225) |
hsl(209,53%,75%) |
| #a1c3e2 |
rgb(161,195,226) |
hsl(209,53%,76%) |
| #a5c5e3 |
rgb(165,197,227) |
hsl(209,53%,77%) |
| #a9c8e5 |
rgb(169,200,229) |
hsl(209,53%,78%) |
| #adcae6 |
rgb(173,202,230) |
hsl(209,53%,79%) |
| #b1cde7 |
rgb(177,205,231) |
hsl(209,53%,80%) |
| #b5cfe8 |
rgb(181,207,232) |
hsl(209,53%,81%) |
| #b9d2e9 |
rgb(185,210,233) |
hsl(209,53%,82%) |
| #bdd4eb |
rgb(189,212,235) |
hsl(209,53%,83%) |
| #c1d7ec |
rgb(193,215,236) |
hsl(209,53%,84%) |
| #c4d9ed |
rgb(196,217,237) |
hsl(209,53%,85%) |
| #c8dcee |
rgb(200,220,238) |
hsl(209,53%,86%) |
| #ccdeef |
rgb(204,222,239) |
hsl(209,53%,87%) |
| #d0e1f1 |
rgb(208,225,241) |
hsl(209,53%,88%) |
| #d4e3f2 |
rgb(212,227,242) |
hsl(209,53%,89%) |
| #d8e6f3 |
rgb(216,230,243) |
hsl(209,53%,90%) |
| #dce8f4 |
rgb(220,232,244) |
hsl(209,53%,91%) |
| #e0ebf5 |
rgb(224,235,245) |
hsl(209,53%,92%) |
| #e4edf7 |
rgb(228,237,247) |
hsl(209,53%,93%) |
| #e8f0f8 |
rgb(232,240,248) |
hsl(209,53%,94%) |
| #ebf2f9 |
rgb(235,242,249) |
hsl(209,53%,95%) |
| #eff5fa |
rgb(239,245,250) |
hsl(209,53%,96%) |
| #f3f7fb |
rgb(243,247,251) |
hsl(209,53%,97%) |
| #f7fafd |
rgb(247,250,253) |
hsl(209,53%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(209,53%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3cc2a8 |
rgb(60,194,168) |
hsl(168,53%,50%) |
| #3c82c2 |
rgb(60,130,194) |
hsl(209,53%,50%) |
| #4f3dc2 |
rgb(79,61,194) |
hsl(248,52%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #79abd5 |
rgb(121,171,213) |
hsl(207,52%,65%) |
| #5a96cc |
rgb(90,150,204) |
hsl(208,53%,58%) |
| #3c82c2 |
rgb(60,130,194) |
hsl(209,53%,50%) |
| #326ea2 |
rgb(50,110,162) |
hsl(208,53%,42%) |
| #285983 |
rgb(40,89,131) |
hsl(208,53%,34%) |
| #1f4564 |
rgb(31,69,100) |
hsl(207,53%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3c82c2 |
rgb(60,130,194) |
hsl(209,53%,50%) |
| #c23d3f |
rgb(194,61,63) |
hsl(359,52%,50%) |
| #c2bf3c |
rgb(194,191,60) |
hsl(59,53%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3c82c2 |
rgb(60,130,194) |
hsl(209,53%,50%) |
| #c27d3c |
rgb(194,125,60) |
hsl(29,53%,50%) |
| #3cc2bf |
rgb(60,194,191) |
hsl(179,53%,50%) |
| #c2bf3c |
rgb(194,191,60) |
hsl(59,53%,50%) |
