Color HEX #3C96C3, RGB(60,150,195)
Color name is Boston Blue. The color #3c96c3 is a light shade and moderately saturated.
Your selected color codes
Palette
3c96c3 color palette from light to dark
| HEX |
RGB |
HSL |
| #010304 |
rgb(1,3,4) |
hsl(200,53%,1%) |
| #020608 |
rgb(2,6,8) |
hsl(200,53%,2%) |
| #04090c |
rgb(4,9,12) |
hsl(200,53%,3%) |
| #050c10 |
rgb(5,12,16) |
hsl(200,53%,4%) |
| #060f14 |
rgb(6,15,20) |
hsl(200,53%,5%) |
| #071217 |
rgb(7,18,23) |
hsl(200,53%,6%) |
| #08151b |
rgb(8,21,27) |
hsl(200,53%,7%) |
| #0a181f |
rgb(10,24,31) |
hsl(200,53%,8%) |
| #0b1b23 |
rgb(11,27,35) |
hsl(200,53%,9%) |
| #0c1e27 |
rgb(12,30,39) |
hsl(200,53%,10%) |
| #0d212b |
rgb(13,33,43) |
hsl(200,53%,11%) |
| #0e242f |
rgb(14,36,47) |
hsl(200,53%,12%) |
| #102733 |
rgb(16,39,51) |
hsl(200,53%,13%) |
| #112a37 |
rgb(17,42,55) |
hsl(200,53%,14%) |
| #122d3b |
rgb(18,45,59) |
hsl(200,53%,15%) |
| #13303e |
rgb(19,48,62) |
hsl(200,53%,16%) |
| #143342 |
rgb(20,51,66) |
hsl(200,53%,17%) |
| #163646 |
rgb(22,54,70) |
hsl(200,53%,18%) |
| #17394a |
rgb(23,57,74) |
hsl(200,53%,19%) |
| #183c4e |
rgb(24,60,78) |
hsl(200,53%,20%) |
| #193f52 |
rgb(25,63,82) |
hsl(200,53%,21%) |
| #1a4256 |
rgb(26,66,86) |
hsl(200,53%,22%) |
| #1c455a |
rgb(28,69,90) |
hsl(200,53%,23%) |
| #1d485e |
rgb(29,72,94) |
hsl(200,53%,24%) |
| #1e4b62 |
rgb(30,75,98) |
hsl(200,53%,25%) |
| #1f4e65 |
rgb(31,78,101) |
hsl(200,53%,26%) |
| #205169 |
rgb(32,81,105) |
hsl(200,53%,27%) |
| #22546d |
rgb(34,84,109) |
hsl(200,53%,28%) |
| #235771 |
rgb(35,87,113) |
hsl(200,53%,29%) |
| #245a75 |
rgb(36,90,117) |
hsl(200,53%,30%) |
| #255d79 |
rgb(37,93,121) |
hsl(200,53%,31%) |
| #26607d |
rgb(38,96,125) |
hsl(200,53%,32%) |
| #286381 |
rgb(40,99,129) |
hsl(200,53%,33%) |
| #296685 |
rgb(41,102,133) |
hsl(200,53%,34%) |
| #2a6989 |
rgb(42,105,137) |
hsl(200,53%,35%) |
| #2b6c8c |
rgb(43,108,140) |
hsl(200,53%,36%) |
| #2c6f90 |
rgb(44,111,144) |
hsl(200,53%,37%) |
| #2e7294 |
rgb(46,114,148) |
hsl(200,53%,38%) |
| #2f7598 |
rgb(47,117,152) |
hsl(200,53%,39%) |
| #30789c |
rgb(48,120,156) |
hsl(200,53%,40%) |
| #317ba0 |
rgb(49,123,160) |
hsl(200,53%,41%) |
| #327ea4 |
rgb(50,126,164) |
hsl(200,53%,42%) |
| #3481a8 |
rgb(52,129,168) |
hsl(200,53%,43%) |
| #3584ac |
rgb(53,132,172) |
hsl(200,53%,44%) |
| #3687b0 |
rgb(54,135,176) |
hsl(200,53%,45%) |
| #378ab3 |
rgb(55,138,179) |
hsl(200,53%,46%) |
| #388db7 |
rgb(56,141,183) |
hsl(200,53%,47%) |
| #3a90bb |
rgb(58,144,187) |
hsl(200,53%,48%) |
| #3b93bf |
rgb(59,147,191) |
hsl(200,53%,49%) |
| #3c96c3 |
rgb(60,150,195) |
hsl(200,53%,50%) |
| #4098c4 |
rgb(64,152,196) |
hsl(200,53%,51%) |
| #449ac5 |
rgb(68,154,197) |
hsl(200,53%,52%) |
| #489cc7 |
rgb(72,156,199) |
hsl(200,53%,53%) |
| #4c9ec8 |
rgb(76,158,200) |
hsl(200,53%,54%) |
| #4fa1c9 |
rgb(79,161,201) |
hsl(200,53%,55%) |
| #53a3ca |
rgb(83,163,202) |
hsl(200,53%,56%) |
| #57a5cb |
rgb(87,165,203) |
hsl(200,53%,57%) |
| #5ba7cd |
rgb(91,167,205) |
hsl(200,53%,58%) |
| #5fa9ce |
rgb(95,169,206) |
hsl(200,53%,59%) |
| #63abcf |
rgb(99,171,207) |
hsl(200,53%,60%) |
| #67add0 |
rgb(103,173,208) |
hsl(200,53%,61%) |
| #6bafd1 |
rgb(107,175,209) |
hsl(200,53%,62%) |
| #6fb1d3 |
rgb(111,177,211) |
hsl(200,53%,63%) |
| #73b3d4 |
rgb(115,179,212) |
hsl(200,53%,64%) |
| #76b6d5 |
rgb(118,182,213) |
hsl(200,53%,65%) |
| #7ab8d6 |
rgb(122,184,214) |
hsl(200,53%,66%) |
| #7ebad7 |
rgb(126,186,215) |
hsl(200,53%,67%) |
| #82bcd9 |
rgb(130,188,217) |
hsl(200,53%,68%) |
| #86beda |
rgb(134,190,218) |
hsl(200,53%,69%) |
| #8ac0db |
rgb(138,192,219) |
hsl(200,53%,70%) |
| #8ec2dc |
rgb(142,194,220) |
hsl(200,53%,71%) |
| #92c4dd |
rgb(146,196,221) |
hsl(200,53%,72%) |
| #96c6df |
rgb(150,198,223) |
hsl(200,53%,73%) |
| #9ac8e0 |
rgb(154,200,224) |
hsl(200,53%,74%) |
| #9dcbe1 |
rgb(157,203,225) |
hsl(200,53%,75%) |
| #a1cde2 |
rgb(161,205,226) |
hsl(200,53%,76%) |
| #a5cfe3 |
rgb(165,207,227) |
hsl(200,53%,77%) |
| #a9d1e5 |
rgb(169,209,229) |
hsl(200,53%,78%) |
| #add3e6 |
rgb(173,211,230) |
hsl(200,53%,79%) |
| #b1d5e7 |
rgb(177,213,231) |
hsl(200,53%,80%) |
| #b5d7e8 |
rgb(181,215,232) |
hsl(200,53%,81%) |
| #b9d9e9 |
rgb(185,217,233) |
hsl(200,53%,82%) |
| #bddbeb |
rgb(189,219,235) |
hsl(200,53%,83%) |
| #c1ddec |
rgb(193,221,236) |
hsl(200,53%,84%) |
| #c4e0ed |
rgb(196,224,237) |
hsl(200,53%,85%) |
| #c8e2ee |
rgb(200,226,238) |
hsl(200,53%,86%) |
| #cce4ef |
rgb(204,228,239) |
hsl(200,53%,87%) |
| #d0e6f1 |
rgb(208,230,241) |
hsl(200,53%,88%) |
| #d4e8f2 |
rgb(212,232,242) |
hsl(200,53%,89%) |
| #d8eaf3 |
rgb(216,234,243) |
hsl(200,53%,90%) |
| #dcecf4 |
rgb(220,236,244) |
hsl(200,53%,91%) |
| #e0eef5 |
rgb(224,238,245) |
hsl(200,53%,92%) |
| #e4f0f7 |
rgb(228,240,247) |
hsl(200,53%,93%) |
| #e8f2f8 |
rgb(232,242,248) |
hsl(200,53%,94%) |
| #ebf5f9 |
rgb(235,245,249) |
hsl(200,53%,95%) |
| #eff7fa |
rgb(239,247,250) |
hsl(200,53%,96%) |
| #f3f9fb |
rgb(243,249,251) |
hsl(200,53%,97%) |
| #f7fbfd |
rgb(247,251,253) |
hsl(200,53%,98%) |
| #fbfdfe |
rgb(251,253,254) |
hsl(200,53%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3cc296 |
rgb(60,194,150) |
hsl(160,53%,50%) |
| #3c96c3 |
rgb(60,150,195) |
hsl(200,53%,50%) |
| #3c3dc3 |
rgb(60,61,195) |
hsl(240,53%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7ab8d6 |
rgb(122,184,214) |
hsl(200,53%,66%) |
| #5ba6cc |
rgb(91,166,204) |
hsl(200,53%,58%) |
| #3c96c3 |
rgb(60,150,195) |
hsl(200,53%,50%) |
| #327da3 |
rgb(50,125,163) |
hsl(200,53%,42%) |
| #286684 |
rgb(40,102,132) |
hsl(200,53%,34%) |
| #1f4f65 |
rgb(31,79,101) |
hsl(199,53%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3c96c3 |
rgb(60,150,195) |
hsl(200,53%,50%) |
| #c33d52 |
rgb(195,61,82) |
hsl(351,53%,50%) |
| #c3ad3c |
rgb(195,173,60) |
hsl(50,53%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3c96c3 |
rgb(60,150,195) |
hsl(200,53%,50%) |
| #c3693c |
rgb(195,105,60) |
hsl(20,53%,50%) |
| #3cc2ac |
rgb(60,194,172) |
hsl(170,53%,50%) |
| #c3ad3c |
rgb(195,173,60) |
hsl(50,53%,50%) |
