Color HEX #3D96C2, RGB(61,150,194)
Color name is Boston Blue. The color #3d96c2 is a light shade and moderately saturated.
Your selected color codes
Palette
3d96c2 color palette from light to dark
| HEX |
RGB |
HSL |
| #010304 |
rgb(1,3,4) |
hsl(200,52%,1%) |
| #020608 |
rgb(2,6,8) |
hsl(200,52%,2%) |
| #04090c |
rgb(4,9,12) |
hsl(200,52%,3%) |
| #050c10 |
rgb(5,12,16) |
hsl(200,52%,4%) |
| #060f13 |
rgb(6,15,19) |
hsl(200,52%,5%) |
| #071217 |
rgb(7,18,23) |
hsl(200,52%,6%) |
| #09151b |
rgb(9,21,27) |
hsl(200,52%,7%) |
| #0a181f |
rgb(10,24,31) |
hsl(200,52%,8%) |
| #0b1b23 |
rgb(11,27,35) |
hsl(200,52%,9%) |
| #0c1e27 |
rgb(12,30,39) |
hsl(200,52%,10%) |
| #0d212b |
rgb(13,33,43) |
hsl(200,52%,11%) |
| #0f242f |
rgb(15,36,47) |
hsl(200,52%,12%) |
| #102732 |
rgb(16,39,50) |
hsl(200,52%,13%) |
| #112a36 |
rgb(17,42,54) |
hsl(200,52%,14%) |
| #122d3a |
rgb(18,45,58) |
hsl(200,52%,15%) |
| #14303e |
rgb(20,48,62) |
hsl(200,52%,16%) |
| #153342 |
rgb(21,51,66) |
hsl(200,52%,17%) |
| #163646 |
rgb(22,54,70) |
hsl(200,52%,18%) |
| #17394a |
rgb(23,57,74) |
hsl(200,52%,19%) |
| #183c4e |
rgb(24,60,78) |
hsl(200,52%,20%) |
| #1a3f51 |
rgb(26,63,81) |
hsl(200,52%,21%) |
| #1b4255 |
rgb(27,66,85) |
hsl(200,52%,22%) |
| #1c4559 |
rgb(28,69,89) |
hsl(200,52%,23%) |
| #1d485d |
rgb(29,72,93) |
hsl(200,52%,24%) |
| #1f4b61 |
rgb(31,75,97) |
hsl(200,52%,25%) |
| #204e65 |
rgb(32,78,101) |
hsl(200,52%,26%) |
| #215169 |
rgb(33,81,105) |
hsl(200,52%,27%) |
| #22546d |
rgb(34,84,109) |
hsl(200,52%,28%) |
| #235770 |
rgb(35,87,112) |
hsl(200,52%,29%) |
| #255a74 |
rgb(37,90,116) |
hsl(200,52%,30%) |
| #265d78 |
rgb(38,93,120) |
hsl(200,52%,31%) |
| #27607c |
rgb(39,96,124) |
hsl(200,52%,32%) |
| #286380 |
rgb(40,99,128) |
hsl(200,52%,33%) |
| #2a6684 |
rgb(42,102,132) |
hsl(200,52%,34%) |
| #2b6988 |
rgb(43,105,136) |
hsl(200,52%,35%) |
| #2c6c8c |
rgb(44,108,140) |
hsl(200,52%,36%) |
| #2d6f8f |
rgb(45,111,143) |
hsl(200,52%,37%) |
| #2f7293 |
rgb(47,114,147) |
hsl(200,52%,38%) |
| #307597 |
rgb(48,117,151) |
hsl(200,52%,39%) |
| #31789b |
rgb(49,120,155) |
hsl(200,52%,40%) |
| #327b9f |
rgb(50,123,159) |
hsl(200,52%,41%) |
| #337ea3 |
rgb(51,126,163) |
hsl(200,52%,42%) |
| #3581a7 |
rgb(53,129,167) |
hsl(200,52%,43%) |
| #3684ab |
rgb(54,132,171) |
hsl(200,52%,44%) |
| #3787ae |
rgb(55,135,174) |
hsl(200,52%,45%) |
| #388ab2 |
rgb(56,138,178) |
hsl(200,52%,46%) |
| #3a8db6 |
rgb(58,141,182) |
hsl(200,52%,47%) |
| #3b90ba |
rgb(59,144,186) |
hsl(200,52%,48%) |
| #3c93be |
rgb(60,147,190) |
hsl(200,52%,49%) |
| #3d96c2 |
rgb(61,150,194) |
hsl(200,52%,50%) |
| #4198c3 |
rgb(65,152,195) |
hsl(200,52%,51%) |
| #459ac4 |
rgb(69,154,196) |
hsl(200,52%,52%) |
| #499cc5 |
rgb(73,156,197) |
hsl(200,52%,53%) |
| #4d9ec7 |
rgb(77,158,199) |
hsl(200,52%,54%) |
| #51a0c8 |
rgb(81,160,200) |
hsl(200,52%,55%) |
| #54a2c9 |
rgb(84,162,201) |
hsl(200,52%,56%) |
| #58a4ca |
rgb(88,164,202) |
hsl(200,52%,57%) |
| #5ca6cc |
rgb(92,166,204) |
hsl(200,52%,58%) |
| #60a9cd |
rgb(96,169,205) |
hsl(200,52%,59%) |
| #64abce |
rgb(100,171,206) |
hsl(200,52%,60%) |
| #68adcf |
rgb(104,173,207) |
hsl(200,52%,61%) |
| #6cafd0 |
rgb(108,175,208) |
hsl(200,52%,62%) |
| #70b1d2 |
rgb(112,177,210) |
hsl(200,52%,63%) |
| #73b3d3 |
rgb(115,179,211) |
hsl(200,52%,64%) |
| #77b5d4 |
rgb(119,181,212) |
hsl(200,52%,65%) |
| #7bb7d5 |
rgb(123,183,213) |
hsl(200,52%,66%) |
| #7fb9d7 |
rgb(127,185,215) |
hsl(200,52%,67%) |
| #83bcd8 |
rgb(131,188,216) |
hsl(200,52%,68%) |
| #87bed9 |
rgb(135,190,217) |
hsl(200,52%,69%) |
| #8bc0da |
rgb(139,192,218) |
hsl(200,52%,70%) |
| #8fc2dc |
rgb(143,194,220) |
hsl(200,52%,71%) |
| #92c4dd |
rgb(146,196,221) |
hsl(200,52%,72%) |
| #96c6de |
rgb(150,198,222) |
hsl(200,52%,73%) |
| #9ac8df |
rgb(154,200,223) |
hsl(200,52%,74%) |
| #9ecae0 |
rgb(158,202,224) |
hsl(200,52%,75%) |
| #a2cce2 |
rgb(162,204,226) |
hsl(200,52%,76%) |
| #a6cfe3 |
rgb(166,207,227) |
hsl(200,52%,77%) |
| #aad1e4 |
rgb(170,209,228) |
hsl(200,52%,78%) |
| #aed3e5 |
rgb(174,211,229) |
hsl(200,52%,79%) |
| #b1d5e7 |
rgb(177,213,231) |
hsl(200,52%,80%) |
| #b5d7e8 |
rgb(181,215,232) |
hsl(200,52%,81%) |
| #b9d9e9 |
rgb(185,217,233) |
hsl(200,52%,82%) |
| #bddbea |
rgb(189,219,234) |
hsl(200,52%,83%) |
| #c1ddeb |
rgb(193,221,235) |
hsl(200,52%,84%) |
| #c5dfed |
rgb(197,223,237) |
hsl(200,52%,85%) |
| #c9e1ee |
rgb(201,225,238) |
hsl(200,52%,86%) |
| #cde4ef |
rgb(205,228,239) |
hsl(200,52%,87%) |
| #d0e6f0 |
rgb(208,230,240) |
hsl(200,52%,88%) |
| #d4e8f2 |
rgb(212,232,242) |
hsl(200,52%,89%) |
| #d8eaf3 |
rgb(216,234,243) |
hsl(200,52%,90%) |
| #dcecf4 |
rgb(220,236,244) |
hsl(200,52%,91%) |
| #e0eef5 |
rgb(224,238,245) |
hsl(200,52%,92%) |
| #e4f0f6 |
rgb(228,240,246) |
hsl(200,52%,93%) |
| #e8f2f8 |
rgb(232,242,248) |
hsl(200,52%,94%) |
| #ecf4f9 |
rgb(236,244,249) |
hsl(200,52%,95%) |
| #eff7fa |
rgb(239,247,250) |
hsl(200,52%,96%) |
| #f3f9fb |
rgb(243,249,251) |
hsl(200,52%,97%) |
| #f7fbfd |
rgb(247,251,253) |
hsl(200,52%,98%) |
| #fbfdfe |
rgb(251,253,254) |
hsl(200,52%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3dc295 |
rgb(61,194,149) |
hsl(160,52%,50%) |
| #3d96c2 |
rgb(61,150,194) |
hsl(200,52%,50%) |
| #3d3dc2 |
rgb(61,61,194) |
hsl(240,52%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7bb8d5 |
rgb(123,184,213) |
hsl(199,52%,66%) |
| #5ca6cb |
rgb(92,166,203) |
hsl(200,52%,58%) |
| #3d96c2 |
rgb(61,150,194) |
hsl(200,52%,50%) |
| #337da2 |
rgb(51,125,162) |
hsl(200,52%,42%) |
| #296683 |
rgb(41,102,131) |
hsl(199,52%,34%) |
| #1f4f64 |
rgb(31,79,100) |
hsl(198,53%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3d96c2 |
rgb(61,150,194) |
hsl(200,52%,50%) |
| #c23d53 |
rgb(194,61,83) |
hsl(350,52%,50%) |
| #c2ab3d |
rgb(194,171,61) |
hsl(50,52%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3d96c2 |
rgb(61,150,194) |
hsl(200,52%,50%) |
| #c2693d |
rgb(194,105,61) |
hsl(20,52%,50%) |
| #3dc2ab |
rgb(61,194,171) |
hsl(170,52%,50%) |
| #c2ab3d |
rgb(194,171,61) |
hsl(50,52%,50%) |
