Color HEX #387DC7, RGB(56,125,199)
Color name is Boston Blue. The color #387dc7 is a dark shade and moderately saturated.
Your selected color codes
Palette
387dc7 color palette from light to dark
| HEX |
RGB |
HSL |
| #010304 |
rgb(1,3,4) |
hsl(211,56%,1%) |
| #020508 |
rgb(2,5,8) |
hsl(211,56%,2%) |
| #03080c |
rgb(3,8,12) |
hsl(211,56%,3%) |
| #040a10 |
rgb(4,10,16) |
hsl(211,56%,4%) |
| #060d14 |
rgb(6,13,20) |
hsl(211,56%,5%) |
| #070f18 |
rgb(7,15,24) |
hsl(211,56%,6%) |
| #08121c |
rgb(8,18,28) |
hsl(211,56%,7%) |
| #091420 |
rgb(9,20,32) |
hsl(211,56%,8%) |
| #0a1724 |
rgb(10,23,36) |
hsl(211,56%,9%) |
| #0b1928 |
rgb(11,25,40) |
hsl(211,56%,10%) |
| #0c1c2c |
rgb(12,28,44) |
hsl(211,56%,11%) |
| #0d1e30 |
rgb(13,30,48) |
hsl(211,56%,12%) |
| #0f2134 |
rgb(15,33,52) |
hsl(211,56%,13%) |
| #102338 |
rgb(16,35,56) |
hsl(211,56%,14%) |
| #11263c |
rgb(17,38,60) |
hsl(211,56%,15%) |
| #122840 |
rgb(18,40,64) |
hsl(211,56%,16%) |
| #132b44 |
rgb(19,43,68) |
hsl(211,56%,17%) |
| #142d48 |
rgb(20,45,72) |
hsl(211,56%,18%) |
| #15304c |
rgb(21,48,76) |
hsl(211,56%,19%) |
| #163250 |
rgb(22,50,80) |
hsl(211,56%,20%) |
| #183554 |
rgb(24,53,84) |
hsl(211,56%,21%) |
| #193758 |
rgb(25,55,88) |
hsl(211,56%,22%) |
| #1a3a5b |
rgb(26,58,91) |
hsl(211,56%,23%) |
| #1b3c5f |
rgb(27,60,95) |
hsl(211,56%,24%) |
| #1c3f63 |
rgb(28,63,99) |
hsl(211,56%,25%) |
| #1d4167 |
rgb(29,65,103) |
hsl(211,56%,26%) |
| #1e446b |
rgb(30,68,107) |
hsl(211,56%,27%) |
| #1f466f |
rgb(31,70,111) |
hsl(211,56%,28%) |
| #214973 |
rgb(33,73,115) |
hsl(211,56%,29%) |
| #224b77 |
rgb(34,75,119) |
hsl(211,56%,30%) |
| #234e7b |
rgb(35,78,123) |
hsl(211,56%,31%) |
| #24507f |
rgb(36,80,127) |
hsl(211,56%,32%) |
| #255383 |
rgb(37,83,131) |
hsl(211,56%,33%) |
| #265587 |
rgb(38,85,135) |
hsl(211,56%,34%) |
| #27588b |
rgb(39,88,139) |
hsl(211,56%,35%) |
| #285a8f |
rgb(40,90,143) |
hsl(211,56%,36%) |
| #2a5d93 |
rgb(42,93,147) |
hsl(211,56%,37%) |
| #2b5f97 |
rgb(43,95,151) |
hsl(211,56%,38%) |
| #2c629b |
rgb(44,98,155) |
hsl(211,56%,39%) |
| #2d649f |
rgb(45,100,159) |
hsl(211,56%,40%) |
| #2e67a3 |
rgb(46,103,163) |
hsl(211,56%,41%) |
| #2f69a7 |
rgb(47,105,167) |
hsl(211,56%,42%) |
| #306cab |
rgb(48,108,171) |
hsl(211,56%,43%) |
| #316eaf |
rgb(49,110,175) |
hsl(211,56%,44%) |
| #3271b3 |
rgb(50,113,179) |
hsl(211,56%,45%) |
| #3473b7 |
rgb(52,115,183) |
hsl(211,56%,46%) |
| #3576bb |
rgb(53,118,187) |
hsl(211,56%,47%) |
| #3678bf |
rgb(54,120,191) |
hsl(211,56%,48%) |
| #377bc3 |
rgb(55,123,195) |
hsl(211,56%,49%) |
| #387dc7 |
rgb(56,125,199) |
hsl(211,56%,50%) |
| #3c80c8 |
rgb(60,128,200) |
hsl(211,56%,51%) |
| #4082c9 |
rgb(64,130,201) |
hsl(211,56%,52%) |
| #4485ca |
rgb(68,133,202) |
hsl(211,56%,53%) |
| #4888cb |
rgb(72,136,203) |
hsl(211,56%,54%) |
| #4c8acd |
rgb(76,138,205) |
hsl(211,56%,55%) |
| #508dce |
rgb(80,141,206) |
hsl(211,56%,56%) |
| #548fcf |
rgb(84,143,207) |
hsl(211,56%,57%) |
| #5892d0 |
rgb(88,146,208) |
hsl(211,56%,58%) |
| #5c94d1 |
rgb(92,148,209) |
hsl(211,56%,59%) |
| #6097d2 |
rgb(96,151,210) |
hsl(211,56%,60%) |
| #649ad3 |
rgb(100,154,211) |
hsl(211,56%,61%) |
| #689cd4 |
rgb(104,156,212) |
hsl(211,56%,62%) |
| #6c9fd5 |
rgb(108,159,213) |
hsl(211,56%,63%) |
| #70a1d7 |
rgb(112,161,215) |
hsl(211,56%,64%) |
| #74a4d8 |
rgb(116,164,216) |
hsl(211,56%,65%) |
| #78a7d9 |
rgb(120,167,217) |
hsl(211,56%,66%) |
| #7ca9da |
rgb(124,169,218) |
hsl(211,56%,67%) |
| #80acdb |
rgb(128,172,219) |
hsl(211,56%,68%) |
| #84aedc |
rgb(132,174,220) |
hsl(211,56%,69%) |
| #88b1dd |
rgb(136,177,221) |
hsl(211,56%,70%) |
| #8cb4de |
rgb(140,180,222) |
hsl(211,56%,71%) |
| #90b6e0 |
rgb(144,182,224) |
hsl(211,56%,72%) |
| #94b9e1 |
rgb(148,185,225) |
hsl(211,56%,73%) |
| #98bbe2 |
rgb(152,187,226) |
hsl(211,56%,74%) |
| #9cbee3 |
rgb(156,190,227) |
hsl(211,56%,75%) |
| #a0c1e4 |
rgb(160,193,228) |
hsl(211,56%,76%) |
| #a4c3e5 |
rgb(164,195,229) |
hsl(211,56%,77%) |
| #a7c6e6 |
rgb(167,198,230) |
hsl(211,56%,78%) |
| #abc8e7 |
rgb(171,200,231) |
hsl(211,56%,79%) |
| #afcbe9 |
rgb(175,203,233) |
hsl(211,56%,80%) |
| #b3ceea |
rgb(179,206,234) |
hsl(211,56%,81%) |
| #b7d0eb |
rgb(183,208,235) |
hsl(211,56%,82%) |
| #bbd3ec |
rgb(187,211,236) |
hsl(211,56%,83%) |
| #bfd5ed |
rgb(191,213,237) |
hsl(211,56%,84%) |
| #c3d8ee |
rgb(195,216,238) |
hsl(211,56%,85%) |
| #c7dbef |
rgb(199,219,239) |
hsl(211,56%,86%) |
| #cbddf0 |
rgb(203,221,240) |
hsl(211,56%,87%) |
| #cfe0f2 |
rgb(207,224,242) |
hsl(211,56%,88%) |
| #d3e2f3 |
rgb(211,226,243) |
hsl(211,56%,89%) |
| #d7e5f4 |
rgb(215,229,244) |
hsl(211,56%,90%) |
| #dbe8f5 |
rgb(219,232,245) |
hsl(211,56%,91%) |
| #dfeaf6 |
rgb(223,234,246) |
hsl(211,56%,92%) |
| #e3edf7 |
rgb(227,237,247) |
hsl(211,56%,93%) |
| #e7eff8 |
rgb(231,239,248) |
hsl(211,56%,94%) |
| #ebf2f9 |
rgb(235,242,249) |
hsl(211,56%,95%) |
| #eff5fb |
rgb(239,245,251) |
hsl(211,56%,96%) |
| #f3f7fc |
rgb(243,247,252) |
hsl(211,56%,97%) |
| #f7fafd |
rgb(247,250,253) |
hsl(211,56%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(211,56%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #38c7b1 |
rgb(56,199,177) |
hsl(171,56%,50%) |
| #387dc7 |
rgb(56,125,199) |
hsl(211,56%,50%) |
| #5238c7 |
rgb(82,56,199) |
hsl(251,56%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #77a6d8 |
rgb(119,166,216) |
hsl(211,55%,66%) |
| #5791cf |
rgb(87,145,207) |
hsl(211,56%,58%) |
| #387dc7 |
rgb(56,125,199) |
hsl(211,56%,50%) |
| #2f69a7 |
rgb(47,105,167) |
hsl(211,56%,42%) |
| #265487 |
rgb(38,84,135) |
hsl(212,56%,34%) |
| #1d4067 |
rgb(29,64,103) |
hsl(212,56%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #387dc7 |
rgb(56,125,199) |
hsl(211,56%,50%) |
| #c73b38 |
rgb(199,59,56) |
hsl(1,56%,50%) |
| #c4c738 |
rgb(196,199,56) |
hsl(61,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #387dc7 |
rgb(56,125,199) |
hsl(211,56%,50%) |
| #c78238 |
rgb(199,130,56) |
hsl(31,56%,50%) |
| #38c4c7 |
rgb(56,196,199) |
hsl(181,56%,50%) |
| #c4c738 |
rgb(196,199,56) |
hsl(61,56%,50%) |
