Color HEX #388AC7, RGB(56,138,199)
Color name is Boston Blue. The color #388ac7 is a dark shade and moderately saturated.
Palette
388ac7 color palette from light to dark
| HEX |
RGB |
HSL |
| #010304 |
rgb(1,3,4) |
hsl(206,56%,1%) |
| #020508 |
rgb(2,5,8) |
hsl(206,56%,2%) |
| #03080c |
rgb(3,8,12) |
hsl(206,56%,3%) |
| #040b10 |
rgb(4,11,16) |
hsl(206,56%,4%) |
| #060e14 |
rgb(6,14,20) |
hsl(206,56%,5%) |
| #071018 |
rgb(7,16,24) |
hsl(206,56%,6%) |
| #08131c |
rgb(8,19,28) |
hsl(206,56%,7%) |
| #091620 |
rgb(9,22,32) |
hsl(206,56%,8%) |
| #0a1924 |
rgb(10,25,36) |
hsl(206,56%,9%) |
| #0b1b28 |
rgb(11,27,40) |
hsl(206,56%,10%) |
| #0c1e2c |
rgb(12,30,44) |
hsl(206,56%,11%) |
| #0d2130 |
rgb(13,33,48) |
hsl(206,56%,12%) |
| #0f2434 |
rgb(15,36,52) |
hsl(206,56%,13%) |
| #102638 |
rgb(16,38,56) |
hsl(206,56%,14%) |
| #11293c |
rgb(17,41,60) |
hsl(206,56%,15%) |
| #122c40 |
rgb(18,44,64) |
hsl(206,56%,16%) |
| #132f44 |
rgb(19,47,68) |
hsl(206,56%,17%) |
| #143148 |
rgb(20,49,72) |
hsl(206,56%,18%) |
| #15344c |
rgb(21,52,76) |
hsl(206,56%,19%) |
| #163750 |
rgb(22,55,80) |
hsl(206,56%,20%) |
| #183a54 |
rgb(24,58,84) |
hsl(206,56%,21%) |
| #193c58 |
rgb(25,60,88) |
hsl(206,56%,22%) |
| #1a3f5b |
rgb(26,63,91) |
hsl(206,56%,23%) |
| #1b425f |
rgb(27,66,95) |
hsl(206,56%,24%) |
| #1c4563 |
rgb(28,69,99) |
hsl(206,56%,25%) |
| #1d4767 |
rgb(29,71,103) |
hsl(206,56%,26%) |
| #1e4a6b |
rgb(30,74,107) |
hsl(206,56%,27%) |
| #1f4d6f |
rgb(31,77,111) |
hsl(206,56%,28%) |
| #214f73 |
rgb(33,79,115) |
hsl(206,56%,29%) |
| #225277 |
rgb(34,82,119) |
hsl(206,56%,30%) |
| #23557b |
rgb(35,85,123) |
hsl(206,56%,31%) |
| #24587f |
rgb(36,88,127) |
hsl(206,56%,32%) |
| #255a83 |
rgb(37,90,131) |
hsl(206,56%,33%) |
| #265d87 |
rgb(38,93,135) |
hsl(206,56%,34%) |
| #27608b |
rgb(39,96,139) |
hsl(206,56%,35%) |
| #28638f |
rgb(40,99,143) |
hsl(206,56%,36%) |
| #2a6593 |
rgb(42,101,147) |
hsl(206,56%,37%) |
| #2b6897 |
rgb(43,104,151) |
hsl(206,56%,38%) |
| #2c6b9b |
rgb(44,107,155) |
hsl(206,56%,39%) |
| #2d6e9f |
rgb(45,110,159) |
hsl(206,56%,40%) |
| #2e70a3 |
rgb(46,112,163) |
hsl(206,56%,41%) |
| #2f73a7 |
rgb(47,115,167) |
hsl(206,56%,42%) |
| #3076ab |
rgb(48,118,171) |
hsl(206,56%,43%) |
| #3179af |
rgb(49,121,175) |
hsl(206,56%,44%) |
| #327bb3 |
rgb(50,123,179) |
hsl(206,56%,45%) |
| #347eb7 |
rgb(52,126,183) |
hsl(206,56%,46%) |
| #3581bb |
rgb(53,129,187) |
hsl(206,56%,47%) |
| #3684bf |
rgb(54,132,191) |
hsl(206,56%,48%) |
| #3786c3 |
rgb(55,134,195) |
hsl(206,56%,49%) |
| #3889c7 |
rgb(56,137,199) |
hsl(206,56%,50%) |
| #3c8bc8 |
rgb(60,139,200) |
hsl(206,56%,51%) |
| #408ec9 |
rgb(64,142,201) |
hsl(206,56%,52%) |
| #4490ca |
rgb(68,144,202) |
hsl(206,56%,53%) |
| #4892cb |
rgb(72,146,203) |
hsl(206,56%,54%) |
| #4c95cd |
rgb(76,149,205) |
hsl(206,56%,55%) |
| #5097ce |
rgb(80,151,206) |
hsl(206,56%,56%) |
| #549acf |
rgb(84,154,207) |
hsl(206,56%,57%) |
| #589cd0 |
rgb(88,156,208) |
hsl(206,56%,58%) |
| #5c9ed1 |
rgb(92,158,209) |
hsl(206,56%,59%) |
| #60a1d2 |
rgb(96,161,210) |
hsl(206,56%,60%) |
| #64a3d3 |
rgb(100,163,211) |
hsl(206,56%,61%) |
| #68a5d4 |
rgb(104,165,212) |
hsl(206,56%,62%) |
| #6ca8d5 |
rgb(108,168,213) |
hsl(206,56%,63%) |
| #70aad7 |
rgb(112,170,215) |
hsl(206,56%,64%) |
| #74acd8 |
rgb(116,172,216) |
hsl(206,56%,65%) |
| #78afd9 |
rgb(120,175,217) |
hsl(206,56%,66%) |
| #7cb1da |
rgb(124,177,218) |
hsl(206,56%,67%) |
| #80b3db |
rgb(128,179,219) |
hsl(206,56%,68%) |
| #84b6dc |
rgb(132,182,220) |
hsl(206,56%,69%) |
| #88b8dd |
rgb(136,184,221) |
hsl(206,56%,70%) |
| #8cbbde |
rgb(140,187,222) |
hsl(206,56%,71%) |
| #90bde0 |
rgb(144,189,224) |
hsl(206,56%,72%) |
| #94bfe1 |
rgb(148,191,225) |
hsl(206,56%,73%) |
| #98c2e2 |
rgb(152,194,226) |
hsl(206,56%,74%) |
| #9cc4e3 |
rgb(156,196,227) |
hsl(206,56%,75%) |
| #a0c6e4 |
rgb(160,198,228) |
hsl(206,56%,76%) |
| #a4c9e5 |
rgb(164,201,229) |
hsl(206,56%,77%) |
| #a7cbe6 |
rgb(167,203,230) |
hsl(206,56%,78%) |
| #abcde7 |
rgb(171,205,231) |
hsl(206,56%,79%) |
| #afd0e9 |
rgb(175,208,233) |
hsl(206,56%,80%) |
| #b3d2ea |
rgb(179,210,234) |
hsl(206,56%,81%) |
| #b7d5eb |
rgb(183,213,235) |
hsl(206,56%,82%) |
| #bbd7ec |
rgb(187,215,236) |
hsl(206,56%,83%) |
| #bfd9ed |
rgb(191,217,237) |
hsl(206,56%,84%) |
| #c3dcee |
rgb(195,220,238) |
hsl(206,56%,85%) |
| #c7deef |
rgb(199,222,239) |
hsl(206,56%,86%) |
| #cbe0f0 |
rgb(203,224,240) |
hsl(206,56%,87%) |
| #cfe3f2 |
rgb(207,227,242) |
hsl(206,56%,88%) |
| #d3e5f3 |
rgb(211,229,243) |
hsl(206,56%,89%) |
| #d7e7f4 |
rgb(215,231,244) |
hsl(206,56%,90%) |
| #dbeaf5 |
rgb(219,234,245) |
hsl(206,56%,91%) |
| #dfecf6 |
rgb(223,236,246) |
hsl(206,56%,92%) |
| #e3eef7 |
rgb(227,238,247) |
hsl(206,56%,93%) |
| #e7f1f8 |
rgb(231,241,248) |
hsl(206,56%,94%) |
| #ebf3f9 |
rgb(235,243,249) |
hsl(206,56%,95%) |
| #eff6fb |
rgb(239,246,251) |
hsl(206,56%,96%) |
| #f3f8fc |
rgb(243,248,252) |
hsl(206,56%,97%) |
| #f7fafd |
rgb(247,250,253) |
hsl(206,56%,98%) |
| #fbfdfe |
rgb(251,253,254) |
hsl(206,56%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #38c7a4 |
rgb(56,199,164) |
hsl(165,56%,50%) |
| #388ac7 |
rgb(56,138,199) |
hsl(206,56%,50%) |
| #4538c7 |
rgb(69,56,199) |
hsl(245,56%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #77b0d8 |
rgb(119,176,216) |
hsl(205,55%,66%) |
| #579ccf |
rgb(87,156,207) |
hsl(206,56%,58%) |
| #388ac7 |
rgb(56,138,199) |
hsl(206,56%,50%) |
| #2f73a7 |
rgb(47,115,167) |
hsl(206,56%,42%) |
| #265e87 |
rgb(38,94,135) |
hsl(205,56%,34%) |
| #1d4767 |
rgb(29,71,103) |
hsl(206,56%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #388ac7 |
rgb(56,138,199) |
hsl(206,56%,50%) |
| #c73842 |
rgb(199,56,66) |
hsl(356,56%,50%) |
| #c7bd38 |
rgb(199,189,56) |
hsl(56,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #388ac7 |
rgb(56,138,199) |
hsl(206,56%,50%) |
| #c77538 |
rgb(199,117,56) |
hsl(26,56%,50%) |
| #38c7bc |
rgb(56,199,188) |
hsl(175,56%,50%) |
| #c7bd38 |
rgb(199,189,56) |
hsl(56,56%,50%) |
