Color HEX #388EC7, RGB(56,142,199)
Color name is Boston Blue. The color #388ec7 is a light shade and moderately saturated.
Palette
388ec7 color palette from light to dark
| HEX |
RGB |
HSL |
| #010304 |
rgb(1,3,4) |
hsl(204,56%,1%) |
| #020608 |
rgb(2,6,8) |
hsl(204,56%,2%) |
| #03090c |
rgb(3,9,12) |
hsl(204,56%,3%) |
| #040b10 |
rgb(4,11,16) |
hsl(204,56%,4%) |
| #060e14 |
rgb(6,14,20) |
hsl(204,56%,5%) |
| #071118 |
rgb(7,17,24) |
hsl(204,56%,6%) |
| #08141c |
rgb(8,20,28) |
hsl(204,56%,7%) |
| #091720 |
rgb(9,23,32) |
hsl(204,56%,8%) |
| #0a1a24 |
rgb(10,26,36) |
hsl(204,56%,9%) |
| #0b1c28 |
rgb(11,28,40) |
hsl(204,56%,10%) |
| #0c1f2c |
rgb(12,31,44) |
hsl(204,56%,11%) |
| #0d2230 |
rgb(13,34,48) |
hsl(204,56%,12%) |
| #0f2534 |
rgb(15,37,52) |
hsl(204,56%,13%) |
| #102838 |
rgb(16,40,56) |
hsl(204,56%,14%) |
| #112b3c |
rgb(17,43,60) |
hsl(204,56%,15%) |
| #122d40 |
rgb(18,45,64) |
hsl(204,56%,16%) |
| #133044 |
rgb(19,48,68) |
hsl(204,56%,17%) |
| #143348 |
rgb(20,51,72) |
hsl(204,56%,18%) |
| #15364c |
rgb(21,54,76) |
hsl(204,56%,19%) |
| #163950 |
rgb(22,57,80) |
hsl(204,56%,20%) |
| #183c54 |
rgb(24,60,84) |
hsl(204,56%,21%) |
| #193e58 |
rgb(25,62,88) |
hsl(204,56%,22%) |
| #1a415b |
rgb(26,65,91) |
hsl(204,56%,23%) |
| #1b445f |
rgb(27,68,95) |
hsl(204,56%,24%) |
| #1c4763 |
rgb(28,71,99) |
hsl(204,56%,25%) |
| #1d4a67 |
rgb(29,74,103) |
hsl(204,56%,26%) |
| #1e4d6b |
rgb(30,77,107) |
hsl(204,56%,27%) |
| #1f4f6f |
rgb(31,79,111) |
hsl(204,56%,28%) |
| #215273 |
rgb(33,82,115) |
hsl(204,56%,29%) |
| #225577 |
rgb(34,85,119) |
hsl(204,56%,30%) |
| #23587b |
rgb(35,88,123) |
hsl(204,56%,31%) |
| #245b7f |
rgb(36,91,127) |
hsl(204,56%,32%) |
| #255e83 |
rgb(37,94,131) |
hsl(204,56%,33%) |
| #266087 |
rgb(38,96,135) |
hsl(204,56%,34%) |
| #27638b |
rgb(39,99,139) |
hsl(204,56%,35%) |
| #28668f |
rgb(40,102,143) |
hsl(204,56%,36%) |
| #2a6993 |
rgb(42,105,147) |
hsl(204,56%,37%) |
| #2b6c97 |
rgb(43,108,151) |
hsl(204,56%,38%) |
| #2c6f9b |
rgb(44,111,155) |
hsl(204,56%,39%) |
| #2d719f |
rgb(45,113,159) |
hsl(204,56%,40%) |
| #2e74a3 |
rgb(46,116,163) |
hsl(204,56%,41%) |
| #2f77a7 |
rgb(47,119,167) |
hsl(204,56%,42%) |
| #307aab |
rgb(48,122,171) |
hsl(204,56%,43%) |
| #317daf |
rgb(49,125,175) |
hsl(204,56%,44%) |
| #3280b3 |
rgb(50,128,179) |
hsl(204,56%,45%) |
| #3482b7 |
rgb(52,130,183) |
hsl(204,56%,46%) |
| #3585bb |
rgb(53,133,187) |
hsl(204,56%,47%) |
| #3688bf |
rgb(54,136,191) |
hsl(204,56%,48%) |
| #378bc3 |
rgb(55,139,195) |
hsl(204,56%,49%) |
| #388ec7 |
rgb(56,142,199) |
hsl(204,56%,50%) |
| #3c90c8 |
rgb(60,144,200) |
hsl(204,56%,51%) |
| #4092c9 |
rgb(64,146,201) |
hsl(204,56%,52%) |
| #4495ca |
rgb(68,149,202) |
hsl(204,56%,53%) |
| #4897cb |
rgb(72,151,203) |
hsl(204,56%,54%) |
| #4c99cd |
rgb(76,153,205) |
hsl(204,56%,55%) |
| #509bce |
rgb(80,155,206) |
hsl(204,56%,56%) |
| #549ecf |
rgb(84,158,207) |
hsl(204,56%,57%) |
| #58a0d0 |
rgb(88,160,208) |
hsl(204,56%,58%) |
| #5ca2d1 |
rgb(92,162,209) |
hsl(204,56%,59%) |
| #60a4d2 |
rgb(96,164,210) |
hsl(204,56%,60%) |
| #64a7d3 |
rgb(100,167,211) |
hsl(204,56%,61%) |
| #68a9d4 |
rgb(104,169,212) |
hsl(204,56%,62%) |
| #6cabd5 |
rgb(108,171,213) |
hsl(204,56%,63%) |
| #70add7 |
rgb(112,173,215) |
hsl(204,56%,64%) |
| #74b0d8 |
rgb(116,176,216) |
hsl(204,56%,65%) |
| #78b2d9 |
rgb(120,178,217) |
hsl(204,56%,66%) |
| #7cb4da |
rgb(124,180,218) |
hsl(204,56%,67%) |
| #80b7db |
rgb(128,183,219) |
hsl(204,56%,68%) |
| #84b9dc |
rgb(132,185,220) |
hsl(204,56%,69%) |
| #88bbdd |
rgb(136,187,221) |
hsl(204,56%,70%) |
| #8cbdde |
rgb(140,189,222) |
hsl(204,56%,71%) |
| #90c0e0 |
rgb(144,192,224) |
hsl(204,56%,72%) |
| #94c2e1 |
rgb(148,194,225) |
hsl(204,56%,73%) |
| #98c4e2 |
rgb(152,196,226) |
hsl(204,56%,74%) |
| #9cc6e3 |
rgb(156,198,227) |
hsl(204,56%,75%) |
| #a0c9e4 |
rgb(160,201,228) |
hsl(204,56%,76%) |
| #a4cbe5 |
rgb(164,203,229) |
hsl(204,56%,77%) |
| #a7cde6 |
rgb(167,205,230) |
hsl(204,56%,78%) |
| #abcfe7 |
rgb(171,207,231) |
hsl(204,56%,79%) |
| #afd2e9 |
rgb(175,210,233) |
hsl(204,56%,80%) |
| #b3d4ea |
rgb(179,212,234) |
hsl(204,56%,81%) |
| #b7d6eb |
rgb(183,214,235) |
hsl(204,56%,82%) |
| #bbd9ec |
rgb(187,217,236) |
hsl(204,56%,83%) |
| #bfdbed |
rgb(191,219,237) |
hsl(204,56%,84%) |
| #c3ddee |
rgb(195,221,238) |
hsl(204,56%,85%) |
| #c7dfef |
rgb(199,223,239) |
hsl(204,56%,86%) |
| #cbe2f0 |
rgb(203,226,240) |
hsl(204,56%,87%) |
| #cfe4f2 |
rgb(207,228,242) |
hsl(204,56%,88%) |
| #d3e6f3 |
rgb(211,230,243) |
hsl(204,56%,89%) |
| #d7e8f4 |
rgb(215,232,244) |
hsl(204,56%,90%) |
| #dbebf5 |
rgb(219,235,245) |
hsl(204,56%,91%) |
| #dfedf6 |
rgb(223,237,246) |
hsl(204,56%,92%) |
| #e3eff7 |
rgb(227,239,247) |
hsl(204,56%,93%) |
| #e7f1f8 |
rgb(231,241,248) |
hsl(204,56%,94%) |
| #ebf4f9 |
rgb(235,244,249) |
hsl(204,56%,95%) |
| #eff6fb |
rgb(239,246,251) |
hsl(204,56%,96%) |
| #f3f8fc |
rgb(243,248,252) |
hsl(204,56%,97%) |
| #f7fafd |
rgb(247,250,253) |
hsl(204,56%,98%) |
| #fbfdfe |
rgb(251,253,254) |
hsl(204,56%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #38c7a0 |
rgb(56,199,160) |
hsl(164,56%,50%) |
| #388ec7 |
rgb(56,142,199) |
hsl(204,56%,50%) |
| #4138c7 |
rgb(65,56,199) |
hsl(244,56%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #77b3d8 |
rgb(119,179,216) |
hsl(203,55%,66%) |
| #57a1cf |
rgb(87,161,207) |
hsl(203,56%,58%) |
| #388ec7 |
rgb(56,142,199) |
hsl(204,56%,50%) |
| #2f78a7 |
rgb(47,120,167) |
hsl(204,56%,42%) |
| #266187 |
rgb(38,97,135) |
hsl(204,56%,34%) |
| #1d4a67 |
rgb(29,74,103) |
hsl(204,56%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #388ec7 |
rgb(56,142,199) |
hsl(204,56%,50%) |
| #c73846 |
rgb(199,56,70) |
hsl(354,56%,50%) |
| #c7b838 |
rgb(199,184,56) |
hsl(54,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #388ec7 |
rgb(56,142,199) |
hsl(204,56%,50%) |
| #c77038 |
rgb(199,112,56) |
hsl(23,56%,50%) |
| #38c7b8 |
rgb(56,199,184) |
hsl(174,56%,50%) |
| #c7b838 |
rgb(199,184,56) |
hsl(54,56%,50%) |
