Color HEX #386FC7, RGB(56,111,199)
Color name is Indigo. The color #386fc7 is a dark shade and moderately saturated.
Your selected color codes
Palette
386fc7 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(217,56%,1%) |
| #020408 |
rgb(2,4,8) |
hsl(217,56%,2%) |
| #03070c |
rgb(3,7,12) |
hsl(217,56%,3%) |
| #040910 |
rgb(4,9,16) |
hsl(217,56%,4%) |
| #060b14 |
rgb(6,11,20) |
hsl(217,56%,5%) |
| #070d18 |
rgb(7,13,24) |
hsl(217,56%,6%) |
| #08101c |
rgb(8,16,28) |
hsl(217,56%,7%) |
| #091220 |
rgb(9,18,32) |
hsl(217,56%,8%) |
| #0a1424 |
rgb(10,20,36) |
hsl(217,56%,9%) |
| #0b1628 |
rgb(11,22,40) |
hsl(217,56%,10%) |
| #0c182c |
rgb(12,24,44) |
hsl(217,56%,11%) |
| #0d1b30 |
rgb(13,27,48) |
hsl(217,56%,12%) |
| #0f1d34 |
rgb(15,29,52) |
hsl(217,56%,13%) |
| #101f38 |
rgb(16,31,56) |
hsl(217,56%,14%) |
| #11213c |
rgb(17,33,60) |
hsl(217,56%,15%) |
| #122340 |
rgb(18,35,64) |
hsl(217,56%,16%) |
| #132644 |
rgb(19,38,68) |
hsl(217,56%,17%) |
| #142848 |
rgb(20,40,72) |
hsl(217,56%,18%) |
| #152a4c |
rgb(21,42,76) |
hsl(217,56%,19%) |
| #162c50 |
rgb(22,44,80) |
hsl(217,56%,20%) |
| #182f54 |
rgb(24,47,84) |
hsl(217,56%,21%) |
| #193158 |
rgb(25,49,88) |
hsl(217,56%,22%) |
| #1a335b |
rgb(26,51,91) |
hsl(217,56%,23%) |
| #1b355f |
rgb(27,53,95) |
hsl(217,56%,24%) |
| #1c3763 |
rgb(28,55,99) |
hsl(217,56%,25%) |
| #1d3a67 |
rgb(29,58,103) |
hsl(217,56%,26%) |
| #1e3c6b |
rgb(30,60,107) |
hsl(217,56%,27%) |
| #1f3e6f |
rgb(31,62,111) |
hsl(217,56%,28%) |
| #214073 |
rgb(33,64,115) |
hsl(217,56%,29%) |
| #224377 |
rgb(34,67,119) |
hsl(217,56%,30%) |
| #23457b |
rgb(35,69,123) |
hsl(217,56%,31%) |
| #24477f |
rgb(36,71,127) |
hsl(217,56%,32%) |
| #254983 |
rgb(37,73,131) |
hsl(217,56%,33%) |
| #264b87 |
rgb(38,75,135) |
hsl(217,56%,34%) |
| #274e8b |
rgb(39,78,139) |
hsl(217,56%,35%) |
| #28508f |
rgb(40,80,143) |
hsl(217,56%,36%) |
| #2a5293 |
rgb(42,82,147) |
hsl(217,56%,37%) |
| #2b5497 |
rgb(43,84,151) |
hsl(217,56%,38%) |
| #2c569b |
rgb(44,86,155) |
hsl(217,56%,39%) |
| #2d599f |
rgb(45,89,159) |
hsl(217,56%,40%) |
| #2e5ba3 |
rgb(46,91,163) |
hsl(217,56%,41%) |
| #2f5da7 |
rgb(47,93,167) |
hsl(217,56%,42%) |
| #305fab |
rgb(48,95,171) |
hsl(217,56%,43%) |
| #3162af |
rgb(49,98,175) |
hsl(217,56%,44%) |
| #3264b3 |
rgb(50,100,179) |
hsl(217,56%,45%) |
| #3466b7 |
rgb(52,102,183) |
hsl(217,56%,46%) |
| #3568bb |
rgb(53,104,187) |
hsl(217,56%,47%) |
| #366abf |
rgb(54,106,191) |
hsl(217,56%,48%) |
| #376dc3 |
rgb(55,109,195) |
hsl(217,56%,49%) |
| #386fc7 |
rgb(56,111,199) |
hsl(217,56%,50%) |
| #3c72c8 |
rgb(60,114,200) |
hsl(217,56%,51%) |
| #4075c9 |
rgb(64,117,201) |
hsl(217,56%,52%) |
| #4477ca |
rgb(68,119,202) |
hsl(217,56%,53%) |
| #487acb |
rgb(72,122,203) |
hsl(217,56%,54%) |
| #4c7dcd |
rgb(76,125,205) |
hsl(217,56%,55%) |
| #5080ce |
rgb(80,128,206) |
hsl(217,56%,56%) |
| #5483cf |
rgb(84,131,207) |
hsl(217,56%,57%) |
| #5886d0 |
rgb(88,134,208) |
hsl(217,56%,58%) |
| #5c89d1 |
rgb(92,137,209) |
hsl(217,56%,59%) |
| #608cd2 |
rgb(96,140,210) |
hsl(217,56%,60%) |
| #648fd3 |
rgb(100,143,211) |
hsl(217,56%,61%) |
| #6891d4 |
rgb(104,145,212) |
hsl(217,56%,62%) |
| #6c94d5 |
rgb(108,148,213) |
hsl(217,56%,63%) |
| #7097d7 |
rgb(112,151,215) |
hsl(217,56%,64%) |
| #749ad8 |
rgb(116,154,216) |
hsl(217,56%,65%) |
| #789dd9 |
rgb(120,157,217) |
hsl(217,56%,66%) |
| #7ca0da |
rgb(124,160,218) |
hsl(217,56%,67%) |
| #80a3db |
rgb(128,163,219) |
hsl(217,56%,68%) |
| #84a6dc |
rgb(132,166,220) |
hsl(217,56%,69%) |
| #88a9dd |
rgb(136,169,221) |
hsl(217,56%,70%) |
| #8cabde |
rgb(140,171,222) |
hsl(217,56%,71%) |
| #90aee0 |
rgb(144,174,224) |
hsl(217,56%,72%) |
| #94b1e1 |
rgb(148,177,225) |
hsl(217,56%,73%) |
| #98b4e2 |
rgb(152,180,226) |
hsl(217,56%,74%) |
| #9cb7e3 |
rgb(156,183,227) |
hsl(217,56%,75%) |
| #a0bae4 |
rgb(160,186,228) |
hsl(217,56%,76%) |
| #a4bde5 |
rgb(164,189,229) |
hsl(217,56%,77%) |
| #a7c0e6 |
rgb(167,192,230) |
hsl(217,56%,78%) |
| #abc2e7 |
rgb(171,194,231) |
hsl(217,56%,79%) |
| #afc5e9 |
rgb(175,197,233) |
hsl(217,56%,80%) |
| #b3c8ea |
rgb(179,200,234) |
hsl(217,56%,81%) |
| #b7cbeb |
rgb(183,203,235) |
hsl(217,56%,82%) |
| #bbceec |
rgb(187,206,236) |
hsl(217,56%,83%) |
| #bfd1ed |
rgb(191,209,237) |
hsl(217,56%,84%) |
| #c3d4ee |
rgb(195,212,238) |
hsl(217,56%,85%) |
| #c7d7ef |
rgb(199,215,239) |
hsl(217,56%,86%) |
| #cbdaf0 |
rgb(203,218,240) |
hsl(217,56%,87%) |
| #cfdcf2 |
rgb(207,220,242) |
hsl(217,56%,88%) |
| #d3dff3 |
rgb(211,223,243) |
hsl(217,56%,89%) |
| #d7e2f4 |
rgb(215,226,244) |
hsl(217,56%,90%) |
| #dbe5f5 |
rgb(219,229,245) |
hsl(217,56%,91%) |
| #dfe8f6 |
rgb(223,232,246) |
hsl(217,56%,92%) |
| #e3ebf7 |
rgb(227,235,247) |
hsl(217,56%,93%) |
| #e7eef8 |
rgb(231,238,248) |
hsl(217,56%,94%) |
| #ebf1f9 |
rgb(235,241,249) |
hsl(217,56%,95%) |
| #eff3fb |
rgb(239,243,251) |
hsl(217,56%,96%) |
| #f3f6fc |
rgb(243,246,252) |
hsl(217,56%,97%) |
| #f7f9fd |
rgb(247,249,253) |
hsl(217,56%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(217,56%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #38c7bf |
rgb(56,199,191) |
hsl(177,56%,50%) |
| #386fc7 |
rgb(56,111,199) |
hsl(217,56%,50%) |
| #6038c7 |
rgb(96,56,199) |
hsl(257,56%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #779ed8 |
rgb(119,158,216) |
hsl(216,55%,66%) |
| #5787cf |
rgb(87,135,207) |
hsl(216,56%,58%) |
| #386fc7 |
rgb(56,111,199) |
hsl(217,56%,50%) |
| #2f5ea7 |
rgb(47,94,167) |
hsl(217,56%,42%) |
| #264d87 |
rgb(38,77,135) |
hsl(216,56%,34%) |
| #1d3b67 |
rgb(29,59,103) |
hsl(216,56%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #386fc7 |
rgb(56,111,199) |
hsl(217,56%,50%) |
| #c74738 |
rgb(199,71,56) |
hsl(6,56%,50%) |
| #b6c738 |
rgb(182,199,56) |
hsl(67,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #386fc7 |
rgb(56,111,199) |
hsl(217,56%,50%) |
| #c78f38 |
rgb(199,143,56) |
hsl(37,56%,50%) |
| #38b8c7 |
rgb(56,184,199) |
hsl(186,56%,50%) |
| #b6c738 |
rgb(182,199,56) |
hsl(67,56%,50%) |
