Color HEX #388CC6, RGB(56,140,198)
Color name is Boston Blue. The color #388cc6 is a light shade and moderately saturated.
Palette
388cc6 color palette from light to dark
| HEX |
RGB |
HSL |
| #010304 |
rgb(1,3,4) |
hsl(205,56%,1%) |
| #020608 |
rgb(2,6,8) |
hsl(205,56%,2%) |
| #03080c |
rgb(3,8,12) |
hsl(205,56%,3%) |
| #040b10 |
rgb(4,11,16) |
hsl(205,56%,4%) |
| #060e14 |
rgb(6,14,20) |
hsl(205,56%,5%) |
| #071118 |
rgb(7,17,24) |
hsl(205,56%,6%) |
| #08141c |
rgb(8,20,28) |
hsl(205,56%,7%) |
| #091620 |
rgb(9,22,32) |
hsl(205,56%,8%) |
| #0a1924 |
rgb(10,25,36) |
hsl(205,56%,9%) |
| #0b1c28 |
rgb(11,28,40) |
hsl(205,56%,10%) |
| #0c1f2c |
rgb(12,31,44) |
hsl(205,56%,11%) |
| #0d2130 |
rgb(13,33,48) |
hsl(205,56%,12%) |
| #0f2434 |
rgb(15,36,52) |
hsl(205,56%,13%) |
| #102738 |
rgb(16,39,56) |
hsl(205,56%,14%) |
| #112a3c |
rgb(17,42,60) |
hsl(205,56%,15%) |
| #122d40 |
rgb(18,45,64) |
hsl(205,56%,16%) |
| #132f44 |
rgb(19,47,68) |
hsl(205,56%,17%) |
| #143248 |
rgb(20,50,72) |
hsl(205,56%,18%) |
| #15354c |
rgb(21,53,76) |
hsl(205,56%,19%) |
| #163850 |
rgb(22,56,80) |
hsl(205,56%,20%) |
| #183b54 |
rgb(24,59,84) |
hsl(205,56%,21%) |
| #193d58 |
rgb(25,61,88) |
hsl(205,56%,22%) |
| #1a405b |
rgb(26,64,91) |
hsl(205,56%,23%) |
| #1b435f |
rgb(27,67,95) |
hsl(205,56%,24%) |
| #1c4663 |
rgb(28,70,99) |
hsl(205,56%,25%) |
| #1d4867 |
rgb(29,72,103) |
hsl(205,56%,26%) |
| #1e4b6b |
rgb(30,75,107) |
hsl(205,56%,27%) |
| #1f4e6f |
rgb(31,78,111) |
hsl(205,56%,28%) |
| #215173 |
rgb(33,81,115) |
hsl(205,56%,29%) |
| #225477 |
rgb(34,84,119) |
hsl(205,56%,30%) |
| #23567b |
rgb(35,86,123) |
hsl(205,56%,31%) |
| #24597f |
rgb(36,89,127) |
hsl(205,56%,32%) |
| #255c83 |
rgb(37,92,131) |
hsl(205,56%,33%) |
| #265f87 |
rgb(38,95,135) |
hsl(205,56%,34%) |
| #27628b |
rgb(39,98,139) |
hsl(205,56%,35%) |
| #28648f |
rgb(40,100,143) |
hsl(205,56%,36%) |
| #2a6793 |
rgb(42,103,147) |
hsl(205,56%,37%) |
| #2b6a97 |
rgb(43,106,151) |
hsl(205,56%,38%) |
| #2c6d9b |
rgb(44,109,155) |
hsl(205,56%,39%) |
| #2d709f |
rgb(45,112,159) |
hsl(205,56%,40%) |
| #2e72a3 |
rgb(46,114,163) |
hsl(205,56%,41%) |
| #2f75a7 |
rgb(47,117,167) |
hsl(205,56%,42%) |
| #3078ab |
rgb(48,120,171) |
hsl(205,56%,43%) |
| #317baf |
rgb(49,123,175) |
hsl(205,56%,44%) |
| #327db3 |
rgb(50,125,179) |
hsl(205,56%,45%) |
| #3480b7 |
rgb(52,128,183) |
hsl(205,56%,46%) |
| #3583bb |
rgb(53,131,187) |
hsl(205,56%,47%) |
| #3686bf |
rgb(54,134,191) |
hsl(205,56%,48%) |
| #3789c3 |
rgb(55,137,195) |
hsl(205,56%,49%) |
| #388bc7 |
rgb(56,139,199) |
hsl(205,56%,50%) |
| #3c8ec8 |
rgb(60,142,200) |
hsl(205,56%,51%) |
| #4090c9 |
rgb(64,144,201) |
hsl(205,56%,52%) |
| #4492ca |
rgb(68,146,202) |
hsl(205,56%,53%) |
| #4895cb |
rgb(72,149,203) |
hsl(205,56%,54%) |
| #4c97cd |
rgb(76,151,205) |
hsl(205,56%,55%) |
| #5099ce |
rgb(80,153,206) |
hsl(205,56%,56%) |
| #549ccf |
rgb(84,156,207) |
hsl(205,56%,57%) |
| #589ed0 |
rgb(88,158,208) |
hsl(205,56%,58%) |
| #5ca0d1 |
rgb(92,160,209) |
hsl(205,56%,59%) |
| #60a3d2 |
rgb(96,163,210) |
hsl(205,56%,60%) |
| #64a5d3 |
rgb(100,165,211) |
hsl(205,56%,61%) |
| #68a7d4 |
rgb(104,167,212) |
hsl(205,56%,62%) |
| #6ca9d5 |
rgb(108,169,213) |
hsl(205,56%,63%) |
| #70acd7 |
rgb(112,172,215) |
hsl(205,56%,64%) |
| #74aed8 |
rgb(116,174,216) |
hsl(205,56%,65%) |
| #78b0d9 |
rgb(120,176,217) |
hsl(205,56%,66%) |
| #7cb3da |
rgb(124,179,218) |
hsl(205,56%,67%) |
| #80b5db |
rgb(128,181,219) |
hsl(205,56%,68%) |
| #84b7dc |
rgb(132,183,220) |
hsl(205,56%,69%) |
| #88badd |
rgb(136,186,221) |
hsl(205,56%,70%) |
| #8cbcde |
rgb(140,188,222) |
hsl(205,56%,71%) |
| #90bee0 |
rgb(144,190,224) |
hsl(205,56%,72%) |
| #94c1e1 |
rgb(148,193,225) |
hsl(205,56%,73%) |
| #98c3e2 |
rgb(152,195,226) |
hsl(205,56%,74%) |
| #9cc5e3 |
rgb(156,197,227) |
hsl(205,56%,75%) |
| #a0c8e4 |
rgb(160,200,228) |
hsl(205,56%,76%) |
| #a4cae5 |
rgb(164,202,229) |
hsl(205,56%,77%) |
| #a7cce6 |
rgb(167,204,230) |
hsl(205,56%,78%) |
| #abcee7 |
rgb(171,206,231) |
hsl(205,56%,79%) |
| #afd1e9 |
rgb(175,209,233) |
hsl(205,56%,80%) |
| #b3d3ea |
rgb(179,211,234) |
hsl(205,56%,81%) |
| #b7d5eb |
rgb(183,213,235) |
hsl(205,56%,82%) |
| #bbd8ec |
rgb(187,216,236) |
hsl(205,56%,83%) |
| #bfdaed |
rgb(191,218,237) |
hsl(205,56%,84%) |
| #c3dcee |
rgb(195,220,238) |
hsl(205,56%,85%) |
| #c7dfef |
rgb(199,223,239) |
hsl(205,56%,86%) |
| #cbe1f0 |
rgb(203,225,240) |
hsl(205,56%,87%) |
| #cfe3f2 |
rgb(207,227,242) |
hsl(205,56%,88%) |
| #d3e6f3 |
rgb(211,230,243) |
hsl(205,56%,89%) |
| #d7e8f4 |
rgb(215,232,244) |
hsl(205,56%,90%) |
| #dbeaf5 |
rgb(219,234,245) |
hsl(205,56%,91%) |
| #dfedf6 |
rgb(223,237,246) |
hsl(205,56%,92%) |
| #e3eff7 |
rgb(227,239,247) |
hsl(205,56%,93%) |
| #e7f1f8 |
rgb(231,241,248) |
hsl(205,56%,94%) |
| #ebf3f9 |
rgb(235,243,249) |
hsl(205,56%,95%) |
| #eff6fb |
rgb(239,246,251) |
hsl(205,56%,96%) |
| #f3f8fc |
rgb(243,248,252) |
hsl(205,56%,97%) |
| #f7fafd |
rgb(247,250,253) |
hsl(205,56%,98%) |
| #fbfdfe |
rgb(251,253,254) |
hsl(205,56%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #38c7a1 |
rgb(56,199,161) |
hsl(164,56%,50%) |
| #388cc6 |
rgb(56,140,198) |
hsl(205,56%,50%) |
| #4238c6 |
rgb(66,56,198) |
hsl(244,56%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #76b0d8 |
rgb(118,176,216) |
hsl(204,56%,65%) |
| #579ecf |
rgb(87,158,207) |
hsl(205,56%,58%) |
| #388cc6 |
rgb(56,140,198) |
hsl(205,56%,50%) |
| #2f75a6 |
rgb(47,117,166) |
hsl(205,56%,42%) |
| #265e86 |
rgb(38,94,134) |
hsl(205,56%,34%) |
| #1d4a66 |
rgb(29,74,102) |
hsl(203,56%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #388cc6 |
rgb(56,140,198) |
hsl(205,56%,50%) |
| #c63845 |
rgb(198,56,69) |
hsl(355,56%,50%) |
| #c6ba38 |
rgb(198,186,56) |
hsl(55,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #388cc6 |
rgb(56,140,198) |
hsl(205,56%,50%) |
| #c67338 |
rgb(198,115,56) |
hsl(25,56%,50%) |
| #38c7b9 |
rgb(56,199,185) |
hsl(174,56%,50%) |
| #c6ba38 |
rgb(198,186,56) |
hsl(55,56%,50%) |
