Color HEX #3696C9, RGB(54,150,201)
Color name is Boston Blue. The color #3696c9 is a light shade and moderately saturated.
Your selected color codes
Palette
3696c9 color palette from light to dark
| HEX |
RGB |
HSL |
| #010304 |
rgb(1,3,4) |
hsl(201,58%,1%) |
| #020608 |
rgb(2,6,8) |
hsl(201,58%,2%) |
| #03090c |
rgb(3,9,12) |
hsl(201,58%,3%) |
| #040c10 |
rgb(4,12,16) |
hsl(201,58%,4%) |
| #050f14 |
rgb(5,15,20) |
hsl(201,58%,5%) |
| #061218 |
rgb(6,18,24) |
hsl(201,58%,6%) |
| #07151c |
rgb(7,21,28) |
hsl(201,58%,7%) |
| #091820 |
rgb(9,24,32) |
hsl(201,58%,8%) |
| #0a1b24 |
rgb(10,27,36) |
hsl(201,58%,9%) |
| #0b1e28 |
rgb(11,30,40) |
hsl(201,58%,10%) |
| #0c212c |
rgb(12,33,44) |
hsl(201,58%,11%) |
| #0d2430 |
rgb(13,36,48) |
hsl(201,58%,12%) |
| #0f2a38 |
rgb(15,42,56) |
hsl(201,58%,14%) |
| #102d3c |
rgb(16,45,60) |
hsl(201,58%,15%) |
| #113040 |
rgb(17,48,64) |
hsl(201,58%,16%) |
| #123344 |
rgb(18,51,68) |
hsl(201,58%,17%) |
| #133649 |
rgb(19,54,73) |
hsl(201,58%,18%) |
| #14394d |
rgb(20,57,77) |
hsl(201,58%,19%) |
| #153c51 |
rgb(21,60,81) |
hsl(201,58%,20%) |
| #163f55 |
rgb(22,63,85) |
hsl(201,58%,21%) |
| #184259 |
rgb(24,66,89) |
hsl(201,58%,22%) |
| #19455d |
rgb(25,69,93) |
hsl(201,58%,23%) |
| #1a4861 |
rgb(26,72,97) |
hsl(201,58%,24%) |
| #1b4b65 |
rgb(27,75,101) |
hsl(201,58%,25%) |
| #1c4e69 |
rgb(28,78,105) |
hsl(201,58%,26%) |
| #1d516d |
rgb(29,81,109) |
hsl(201,58%,27%) |
| #1e5471 |
rgb(30,84,113) |
hsl(201,58%,28%) |
| #1f5775 |
rgb(31,87,117) |
hsl(201,58%,29%) |
| #205a79 |
rgb(32,90,121) |
hsl(201,58%,30%) |
| #215d7d |
rgb(33,93,125) |
hsl(201,58%,31%) |
| #226081 |
rgb(34,96,129) |
hsl(201,58%,32%) |
| #236385 |
rgb(35,99,133) |
hsl(201,58%,33%) |
| #246689 |
rgb(36,102,137) |
hsl(201,58%,34%) |
| #25698d |
rgb(37,105,141) |
hsl(201,58%,35%) |
| #276c91 |
rgb(39,108,145) |
hsl(201,58%,36%) |
| #286f95 |
rgb(40,111,149) |
hsl(201,58%,37%) |
| #297299 |
rgb(41,114,153) |
hsl(201,58%,38%) |
| #2a759d |
rgb(42,117,157) |
hsl(201,58%,39%) |
| #2b78a1 |
rgb(43,120,161) |
hsl(201,58%,40%) |
| #2c7ba5 |
rgb(44,123,165) |
hsl(201,58%,41%) |
| #2d7ea9 |
rgb(45,126,169) |
hsl(201,58%,42%) |
| #2e81ad |
rgb(46,129,173) |
hsl(201,58%,43%) |
| #2f84b1 |
rgb(47,132,177) |
hsl(201,58%,44%) |
| #3087b5 |
rgb(48,135,181) |
hsl(201,58%,45%) |
| #318ab9 |
rgb(49,138,185) |
hsl(201,58%,46%) |
| #328dbd |
rgb(50,141,189) |
hsl(201,58%,47%) |
| #3390c1 |
rgb(51,144,193) |
hsl(201,58%,48%) |
| #3493c5 |
rgb(52,147,197) |
hsl(201,58%,49%) |
| #3696c9 |
rgb(54,150,201) |
hsl(201,58%,50%) |
| #3a98cb |
rgb(58,152,203) |
hsl(201,58%,51%) |
| #3e9acc |
rgb(62,154,204) |
hsl(201,58%,52%) |
| #429ccd |
rgb(66,156,205) |
hsl(201,58%,53%) |
| #469ece |
rgb(70,158,206) |
hsl(201,58%,54%) |
| #4aa0cf |
rgb(74,160,207) |
hsl(201,58%,55%) |
| #4ea2d0 |
rgb(78,162,208) |
hsl(201,58%,56%) |
| #52a4d1 |
rgb(82,164,209) |
hsl(201,58%,57%) |
| #56a7d2 |
rgb(86,167,210) |
hsl(201,58%,58%) |
| #5aa9d3 |
rgb(90,169,211) |
hsl(201,58%,59%) |
| #5eabd4 |
rgb(94,171,212) |
hsl(201,58%,60%) |
| #62add5 |
rgb(98,173,213) |
hsl(201,58%,61%) |
| #66afd6 |
rgb(102,175,214) |
hsl(201,58%,62%) |
| #6ab1d7 |
rgb(106,177,215) |
hsl(201,58%,63%) |
| #6eb3d8 |
rgb(110,179,216) |
hsl(201,58%,64%) |
| #72b5da |
rgb(114,181,218) |
hsl(201,58%,65%) |
| #76b7db |
rgb(118,183,219) |
hsl(201,58%,66%) |
| #7ab9dc |
rgb(122,185,220) |
hsl(201,58%,67%) |
| #7ebcdd |
rgb(126,188,221) |
hsl(201,58%,68%) |
| #82bede |
rgb(130,190,222) |
hsl(201,58%,69%) |
| #86c0df |
rgb(134,192,223) |
hsl(201,58%,70%) |
| #8ac2e0 |
rgb(138,194,224) |
hsl(201,58%,71%) |
| #8ec4e1 |
rgb(142,196,225) |
hsl(201,58%,72%) |
| #92c6e2 |
rgb(146,198,226) |
hsl(201,58%,73%) |
| #96c8e3 |
rgb(150,200,227) |
hsl(201,58%,74%) |
| #9acae4 |
rgb(154,202,228) |
hsl(201,58%,75%) |
| #9ecce5 |
rgb(158,204,229) |
hsl(201,58%,76%) |
| #a2cfe6 |
rgb(162,207,230) |
hsl(201,58%,77%) |
| #a6d1e7 |
rgb(166,209,231) |
hsl(201,58%,78%) |
| #aad3e9 |
rgb(170,211,233) |
hsl(201,58%,79%) |
| #aed5ea |
rgb(174,213,234) |
hsl(201,58%,80%) |
| #b2d7eb |
rgb(178,215,235) |
hsl(201,58%,81%) |
| #b6d9ec |
rgb(182,217,236) |
hsl(201,58%,82%) |
| #bbdbed |
rgb(187,219,237) |
hsl(201,58%,83%) |
| #bfddee |
rgb(191,221,238) |
hsl(201,58%,84%) |
| #c3dfef |
rgb(195,223,239) |
hsl(201,58%,85%) |
| #c7e2f0 |
rgb(199,226,240) |
hsl(201,58%,86%) |
| #cbe4f1 |
rgb(203,228,241) |
hsl(201,58%,87%) |
| #cfe6f2 |
rgb(207,230,242) |
hsl(201,58%,88%) |
| #d3e8f3 |
rgb(211,232,243) |
hsl(201,58%,89%) |
| #d7eaf4 |
rgb(215,234,244) |
hsl(201,58%,90%) |
| #dbecf5 |
rgb(219,236,245) |
hsl(201,58%,91%) |
| #dfeef6 |
rgb(223,238,246) |
hsl(201,58%,92%) |
| #e3f0f8 |
rgb(227,240,248) |
hsl(201,58%,93%) |
| #e7f2f9 |
rgb(231,242,249) |
hsl(201,58%,94%) |
| #ebf4fa |
rgb(235,244,250) |
hsl(201,58%,95%) |
| #eff7fb |
rgb(239,247,251) |
hsl(201,58%,96%) |
| #f3f9fc |
rgb(243,249,252) |
hsl(201,58%,97%) |
| #f7fbfd |
rgb(247,251,253) |
hsl(201,58%,98%) |
| #fbfdfe |
rgb(251,253,254) |
hsl(201,58%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #36c99a |
rgb(54,201,154) |
hsl(161,58%,50%) |
| #3696c9 |
rgb(54,150,201) |
hsl(201,58%,50%) |
| #3836c9 |
rgb(56,54,201) |
hsl(241,58%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #76b8da |
rgb(118,184,218) |
hsl(200,57%,66%) |
| #56a6d1 |
rgb(86,166,209) |
hsl(201,57%,58%) |
| #3696c9 |
rgb(54,150,201) |
hsl(201,58%,50%) |
| #2d7da8 |
rgb(45,125,168) |
hsl(201,58%,42%) |
| #246688 |
rgb(36,102,136) |
hsl(200,58%,34%) |
| #1c4f68 |
rgb(28,79,104) |
hsl(200,58%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3696c9 |
rgb(54,150,201) |
hsl(201,58%,50%) |
| #c9364c |
rgb(201,54,76) |
hsl(351,58%,50%) |
| #c9b336 |
rgb(201,179,54) |
hsl(51,58%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3696c9 |
rgb(54,150,201) |
hsl(201,58%,50%) |
| #c96936 |
rgb(201,105,54) |
hsl(21,58%,50%) |
| #36c9b2 |
rgb(54,201,178) |
hsl(171,58%,50%) |
| #c9b336 |
rgb(201,179,54) |
hsl(51,58%,50%) |
