Color HEX #3C84C3, RGB(60,132,195)
Color name is Boston Blue. The color #3c84c3 is a dark shade and moderately saturated.
Palette
3c84c3 color palette from light to dark
| HEX |
RGB |
HSL |
| #010304 |
rgb(1,3,4) |
hsl(208,53%,1%) |
| #020508 |
rgb(2,5,8) |
hsl(208,53%,2%) |
| #04080c |
rgb(4,8,12) |
hsl(208,53%,3%) |
| #050b10 |
rgb(5,11,16) |
hsl(208,53%,4%) |
| #060d14 |
rgb(6,13,20) |
hsl(208,53%,5%) |
| #071017 |
rgb(7,16,23) |
hsl(208,53%,6%) |
| #08121b |
rgb(8,18,27) |
hsl(208,53%,7%) |
| #0a151f |
rgb(10,21,31) |
hsl(208,53%,8%) |
| #0b1823 |
rgb(11,24,35) |
hsl(208,53%,9%) |
| #0c1a27 |
rgb(12,26,39) |
hsl(208,53%,10%) |
| #0d1d2b |
rgb(13,29,43) |
hsl(208,53%,11%) |
| #0e202f |
rgb(14,32,47) |
hsl(208,53%,12%) |
| #102233 |
rgb(16,34,51) |
hsl(208,53%,13%) |
| #112537 |
rgb(17,37,55) |
hsl(208,53%,14%) |
| #12283b |
rgb(18,40,59) |
hsl(208,53%,15%) |
| #132a3e |
rgb(19,42,62) |
hsl(208,53%,16%) |
| #142d42 |
rgb(20,45,66) |
hsl(208,53%,17%) |
| #163046 |
rgb(22,48,70) |
hsl(208,53%,18%) |
| #17324a |
rgb(23,50,74) |
hsl(208,53%,19%) |
| #18354e |
rgb(24,53,78) |
hsl(208,53%,20%) |
| #193752 |
rgb(25,55,82) |
hsl(208,53%,21%) |
| #1a3a56 |
rgb(26,58,86) |
hsl(208,53%,22%) |
| #1c3d5a |
rgb(28,61,90) |
hsl(208,53%,23%) |
| #1d3f5e |
rgb(29,63,94) |
hsl(208,53%,24%) |
| #1e4262 |
rgb(30,66,98) |
hsl(208,53%,25%) |
| #1f4565 |
rgb(31,69,101) |
hsl(208,53%,26%) |
| #204769 |
rgb(32,71,105) |
hsl(208,53%,27%) |
| #224a6d |
rgb(34,74,109) |
hsl(208,53%,28%) |
| #234d71 |
rgb(35,77,113) |
hsl(208,53%,29%) |
| #244f75 |
rgb(36,79,117) |
hsl(208,53%,30%) |
| #255279 |
rgb(37,82,121) |
hsl(208,53%,31%) |
| #26547d |
rgb(38,84,125) |
hsl(208,53%,32%) |
| #285781 |
rgb(40,87,129) |
hsl(208,53%,33%) |
| #295a85 |
rgb(41,90,133) |
hsl(208,53%,34%) |
| #2a5c89 |
rgb(42,92,137) |
hsl(208,53%,35%) |
| #2b5f8c |
rgb(43,95,140) |
hsl(208,53%,36%) |
| #2c6290 |
rgb(44,98,144) |
hsl(208,53%,37%) |
| #2e6494 |
rgb(46,100,148) |
hsl(208,53%,38%) |
| #2f6798 |
rgb(47,103,152) |
hsl(208,53%,39%) |
| #306a9c |
rgb(48,106,156) |
hsl(208,53%,40%) |
| #316ca0 |
rgb(49,108,160) |
hsl(208,53%,41%) |
| #326fa4 |
rgb(50,111,164) |
hsl(208,53%,42%) |
| #3472a8 |
rgb(52,114,168) |
hsl(208,53%,43%) |
| #3574ac |
rgb(53,116,172) |
hsl(208,53%,44%) |
| #3677b0 |
rgb(54,119,176) |
hsl(208,53%,45%) |
| #3779b3 |
rgb(55,121,179) |
hsl(208,53%,46%) |
| #387cb7 |
rgb(56,124,183) |
hsl(208,53%,47%) |
| #3a7fbb |
rgb(58,127,187) |
hsl(208,53%,48%) |
| #3b81bf |
rgb(59,129,191) |
hsl(208,53%,49%) |
| #3c84c3 |
rgb(60,132,195) |
hsl(208,53%,50%) |
| #4086c4 |
rgb(64,134,196) |
hsl(208,53%,51%) |
| #4489c5 |
rgb(68,137,197) |
hsl(208,53%,52%) |
| #488bc7 |
rgb(72,139,199) |
hsl(208,53%,53%) |
| #4c8ec8 |
rgb(76,142,200) |
hsl(208,53%,54%) |
| #4f90c9 |
rgb(79,144,201) |
hsl(208,53%,55%) |
| #5393ca |
rgb(83,147,202) |
hsl(208,53%,56%) |
| #5795cb |
rgb(87,149,203) |
hsl(208,53%,57%) |
| #5b98cd |
rgb(91,152,205) |
hsl(208,53%,58%) |
| #5f9ace |
rgb(95,154,206) |
hsl(208,53%,59%) |
| #639dcf |
rgb(99,157,207) |
hsl(208,53%,60%) |
| #679fd0 |
rgb(103,159,208) |
hsl(208,53%,61%) |
| #6ba2d1 |
rgb(107,162,209) |
hsl(208,53%,62%) |
| #6fa4d3 |
rgb(111,164,211) |
hsl(208,53%,63%) |
| #73a6d4 |
rgb(115,166,212) |
hsl(208,53%,64%) |
| #76a9d5 |
rgb(118,169,213) |
hsl(208,53%,65%) |
| #7aabd6 |
rgb(122,171,214) |
hsl(208,53%,66%) |
| #7eaed7 |
rgb(126,174,215) |
hsl(208,53%,67%) |
| #82b0d9 |
rgb(130,176,217) |
hsl(208,53%,68%) |
| #86b3da |
rgb(134,179,218) |
hsl(208,53%,69%) |
| #8ab5db |
rgb(138,181,219) |
hsl(208,53%,70%) |
| #8eb8dc |
rgb(142,184,220) |
hsl(208,53%,71%) |
| #92badd |
rgb(146,186,221) |
hsl(208,53%,72%) |
| #96bddf |
rgb(150,189,223) |
hsl(208,53%,73%) |
| #9abfe0 |
rgb(154,191,224) |
hsl(208,53%,74%) |
| #9dc2e1 |
rgb(157,194,225) |
hsl(208,53%,75%) |
| #a1c4e2 |
rgb(161,196,226) |
hsl(208,53%,76%) |
| #a5c6e3 |
rgb(165,198,227) |
hsl(208,53%,77%) |
| #a9c9e5 |
rgb(169,201,229) |
hsl(208,53%,78%) |
| #adcbe6 |
rgb(173,203,230) |
hsl(208,53%,79%) |
| #b1cee7 |
rgb(177,206,231) |
hsl(208,53%,80%) |
| #b5d0e8 |
rgb(181,208,232) |
hsl(208,53%,81%) |
| #b9d3e9 |
rgb(185,211,233) |
hsl(208,53%,82%) |
| #bdd5eb |
rgb(189,213,235) |
hsl(208,53%,83%) |
| #c1d8ec |
rgb(193,216,236) |
hsl(208,53%,84%) |
| #c4daed |
rgb(196,218,237) |
hsl(208,53%,85%) |
| #c8ddee |
rgb(200,221,238) |
hsl(208,53%,86%) |
| #ccdfef |
rgb(204,223,239) |
hsl(208,53%,87%) |
| #d0e1f1 |
rgb(208,225,241) |
hsl(208,53%,88%) |
| #d4e4f2 |
rgb(212,228,242) |
hsl(208,53%,89%) |
| #d8e6f3 |
rgb(216,230,243) |
hsl(208,53%,90%) |
| #dce9f4 |
rgb(220,233,244) |
hsl(208,53%,91%) |
| #e0ebf5 |
rgb(224,235,245) |
hsl(208,53%,92%) |
| #e4eef7 |
rgb(228,238,247) |
hsl(208,53%,93%) |
| #e8f0f8 |
rgb(232,240,248) |
hsl(208,53%,94%) |
| #ebf3f9 |
rgb(235,243,249) |
hsl(208,53%,95%) |
| #eff5fa |
rgb(239,245,250) |
hsl(208,53%,96%) |
| #f3f8fb |
rgb(243,248,251) |
hsl(208,53%,97%) |
| #f7fafd |
rgb(247,250,253) |
hsl(208,53%,98%) |
| #fbfdfe |
rgb(251,253,254) |
hsl(208,53%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3cc2a8 |
rgb(60,194,168) |
hsl(168,53%,50%) |
| #3c84c3 |
rgb(60,132,195) |
hsl(208,53%,50%) |
| #4e3dc3 |
rgb(78,61,195) |
hsl(248,53%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7aabd6 |
rgb(122,171,214) |
hsl(208,53%,66%) |
| #5b96cc |
rgb(91,150,204) |
hsl(209,53%,58%) |
| #3c84c3 |
rgb(60,132,195) |
hsl(208,53%,50%) |
| #326ea3 |
rgb(50,110,163) |
hsl(208,53%,42%) |
| #285984 |
rgb(40,89,132) |
hsl(208,53%,34%) |
| #1f4565 |
rgb(31,69,101) |
hsl(207,53%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3c84c3 |
rgb(60,132,195) |
hsl(208,53%,50%) |
| #c33d40 |
rgb(195,61,64) |
hsl(359,53%,50%) |
| #c3bf3c |
rgb(195,191,60) |
hsl(58,53%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3c84c3 |
rgb(60,132,195) |
hsl(208,53%,50%) |
| #c37a3c |
rgb(195,122,60) |
hsl(28,53%,50%) |
| #3cc2be |
rgb(60,194,190) |
hsl(178,53%,50%) |
| #c3bf3c |
rgb(195,191,60) |
hsl(58,53%,50%) |
