Color HEX #387BC7, RGB(56,123,199)
Color name is Boston Blue. The color #387bc7 is a dark shade and moderately saturated.
Your selected color codes
Palette
387bc7 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(212,56%,1%) |
| #020508 |
rgb(2,5,8) |
hsl(212,56%,2%) |
| #03070c |
rgb(3,7,12) |
hsl(212,56%,3%) |
| #040a10 |
rgb(4,10,16) |
hsl(212,56%,4%) |
| #060c14 |
rgb(6,12,20) |
hsl(212,56%,5%) |
| #070f18 |
rgb(7,15,24) |
hsl(212,56%,6%) |
| #08111c |
rgb(8,17,28) |
hsl(212,56%,7%) |
| #091420 |
rgb(9,20,32) |
hsl(212,56%,8%) |
| #0a1624 |
rgb(10,22,36) |
hsl(212,56%,9%) |
| #0b1928 |
rgb(11,25,40) |
hsl(212,56%,10%) |
| #0c1b2c |
rgb(12,27,44) |
hsl(212,56%,11%) |
| #0d1d30 |
rgb(13,29,48) |
hsl(212,56%,12%) |
| #0f2034 |
rgb(15,32,52) |
hsl(212,56%,13%) |
| #102238 |
rgb(16,34,56) |
hsl(212,56%,14%) |
| #11253c |
rgb(17,37,60) |
hsl(212,56%,15%) |
| #122740 |
rgb(18,39,64) |
hsl(212,56%,16%) |
| #132a44 |
rgb(19,42,68) |
hsl(212,56%,17%) |
| #142c48 |
rgb(20,44,72) |
hsl(212,56%,18%) |
| #152f4c |
rgb(21,47,76) |
hsl(212,56%,19%) |
| #163150 |
rgb(22,49,80) |
hsl(212,56%,20%) |
| #183454 |
rgb(24,52,84) |
hsl(212,56%,21%) |
| #193658 |
rgb(25,54,88) |
hsl(212,56%,22%) |
| #1a385b |
rgb(26,56,91) |
hsl(212,56%,23%) |
| #1b3b5f |
rgb(27,59,95) |
hsl(212,56%,24%) |
| #1c3d63 |
rgb(28,61,99) |
hsl(212,56%,25%) |
| #1d4067 |
rgb(29,64,103) |
hsl(212,56%,26%) |
| #1e426b |
rgb(30,66,107) |
hsl(212,56%,27%) |
| #1f456f |
rgb(31,69,111) |
hsl(212,56%,28%) |
| #214773 |
rgb(33,71,115) |
hsl(212,56%,29%) |
| #224a77 |
rgb(34,74,119) |
hsl(212,56%,30%) |
| #234c7b |
rgb(35,76,123) |
hsl(212,56%,31%) |
| #244f7f |
rgb(36,79,127) |
hsl(212,56%,32%) |
| #255183 |
rgb(37,81,131) |
hsl(212,56%,33%) |
| #265387 |
rgb(38,83,135) |
hsl(212,56%,34%) |
| #27568b |
rgb(39,86,139) |
hsl(212,56%,35%) |
| #28588f |
rgb(40,88,143) |
hsl(212,56%,36%) |
| #2a5b93 |
rgb(42,91,147) |
hsl(212,56%,37%) |
| #2b5d97 |
rgb(43,93,151) |
hsl(212,56%,38%) |
| #2c609b |
rgb(44,96,155) |
hsl(212,56%,39%) |
| #2d629f |
rgb(45,98,159) |
hsl(212,56%,40%) |
| #2e65a3 |
rgb(46,101,163) |
hsl(212,56%,41%) |
| #2f67a7 |
rgb(47,103,167) |
hsl(212,56%,42%) |
| #306aab |
rgb(48,106,171) |
hsl(212,56%,43%) |
| #316caf |
rgb(49,108,175) |
hsl(212,56%,44%) |
| #326eb3 |
rgb(50,110,179) |
hsl(212,56%,45%) |
| #3471b7 |
rgb(52,113,183) |
hsl(212,56%,46%) |
| #3573bb |
rgb(53,115,187) |
hsl(212,56%,47%) |
| #3676bf |
rgb(54,118,191) |
hsl(212,56%,48%) |
| #3778c3 |
rgb(55,120,195) |
hsl(212,56%,49%) |
| #387bc7 |
rgb(56,123,199) |
hsl(212,56%,50%) |
| #3c7dc8 |
rgb(60,125,200) |
hsl(212,56%,51%) |
| #4080c9 |
rgb(64,128,201) |
hsl(212,56%,52%) |
| #4483ca |
rgb(68,131,202) |
hsl(212,56%,53%) |
| #4885cb |
rgb(72,133,203) |
hsl(212,56%,54%) |
| #4c88cd |
rgb(76,136,205) |
hsl(212,56%,55%) |
| #508bce |
rgb(80,139,206) |
hsl(212,56%,56%) |
| #548dcf |
rgb(84,141,207) |
hsl(212,56%,57%) |
| #5890d0 |
rgb(88,144,208) |
hsl(212,56%,58%) |
| #5c93d1 |
rgb(92,147,209) |
hsl(212,56%,59%) |
| #6095d2 |
rgb(96,149,210) |
hsl(212,56%,60%) |
| #6498d3 |
rgb(100,152,211) |
hsl(212,56%,61%) |
| #689ad4 |
rgb(104,154,212) |
hsl(212,56%,62%) |
| #6c9dd5 |
rgb(108,157,213) |
hsl(212,56%,63%) |
| #70a0d7 |
rgb(112,160,215) |
hsl(212,56%,64%) |
| #74a2d8 |
rgb(116,162,216) |
hsl(212,56%,65%) |
| #78a5d9 |
rgb(120,165,217) |
hsl(212,56%,66%) |
| #7ca8da |
rgb(124,168,218) |
hsl(212,56%,67%) |
| #80aadb |
rgb(128,170,219) |
hsl(212,56%,68%) |
| #84addc |
rgb(132,173,220) |
hsl(212,56%,69%) |
| #88b0dd |
rgb(136,176,221) |
hsl(212,56%,70%) |
| #8cb2de |
rgb(140,178,222) |
hsl(212,56%,71%) |
| #90b5e0 |
rgb(144,181,224) |
hsl(212,56%,72%) |
| #94b8e1 |
rgb(148,184,225) |
hsl(212,56%,73%) |
| #98bae2 |
rgb(152,186,226) |
hsl(212,56%,74%) |
| #9cbde3 |
rgb(156,189,227) |
hsl(212,56%,75%) |
| #a0c0e4 |
rgb(160,192,228) |
hsl(212,56%,76%) |
| #a4c2e5 |
rgb(164,194,229) |
hsl(212,56%,77%) |
| #a7c5e6 |
rgb(167,197,230) |
hsl(212,56%,78%) |
| #abc7e7 |
rgb(171,199,231) |
hsl(212,56%,79%) |
| #afcae9 |
rgb(175,202,233) |
hsl(212,56%,80%) |
| #b3cdea |
rgb(179,205,234) |
hsl(212,56%,81%) |
| #b7cfeb |
rgb(183,207,235) |
hsl(212,56%,82%) |
| #bbd2ec |
rgb(187,210,236) |
hsl(212,56%,83%) |
| #bfd5ed |
rgb(191,213,237) |
hsl(212,56%,84%) |
| #c3d7ee |
rgb(195,215,238) |
hsl(212,56%,85%) |
| #c7daef |
rgb(199,218,239) |
hsl(212,56%,86%) |
| #cbddf0 |
rgb(203,221,240) |
hsl(212,56%,87%) |
| #cfdff2 |
rgb(207,223,242) |
hsl(212,56%,88%) |
| #d3e2f3 |
rgb(211,226,243) |
hsl(212,56%,89%) |
| #d7e5f4 |
rgb(215,229,244) |
hsl(212,56%,90%) |
| #dbe7f5 |
rgb(219,231,245) |
hsl(212,56%,91%) |
| #dfeaf6 |
rgb(223,234,246) |
hsl(212,56%,92%) |
| #e3ecf7 |
rgb(227,236,247) |
hsl(212,56%,93%) |
| #e7eff8 |
rgb(231,239,248) |
hsl(212,56%,94%) |
| #ebf2f9 |
rgb(235,242,249) |
hsl(212,56%,95%) |
| #eff4fb |
rgb(239,244,251) |
hsl(212,56%,96%) |
| #f3f7fc |
rgb(243,247,252) |
hsl(212,56%,97%) |
| #f7fafd |
rgb(247,250,253) |
hsl(212,56%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(212,56%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #38c7b3 |
rgb(56,199,179) |
hsl(172,56%,50%) |
| #387bc7 |
rgb(56,123,199) |
hsl(212,56%,50%) |
| #5438c7 |
rgb(84,56,199) |
hsl(252,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%) |
| #387bc7 |
rgb(56,123,199) |
hsl(212,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 |
| #387bc7 |
rgb(56,123,199) |
hsl(212,56%,50%) |
| #c73d38 |
rgb(199,61,56) |
hsl(2,56%,50%) |
| #c2c738 |
rgb(194,199,56) |
hsl(62,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #387bc7 |
rgb(56,123,199) |
hsl(212,56%,50%) |
| #c78538 |
rgb(199,133,56) |
hsl(32,56%,50%) |
| #38c2c7 |
rgb(56,194,199) |
hsl(182,56%,50%) |
| #c2c738 |
rgb(194,199,56) |
hsl(62,56%,50%) |
