Color HEX #386BC8, RGB(56,107,200)
Color name is Indigo. The color #386bc8 is a dark shade and moderately saturated.
Palette
386bc8 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(219,57%,1%) |
| #020408 |
rgb(2,4,8) |
hsl(219,57%,2%) |
| #03060c |
rgb(3,6,12) |
hsl(219,57%,3%) |
| #040810 |
rgb(4,8,16) |
hsl(219,57%,4%) |
| #050b14 |
rgb(5,11,20) |
hsl(219,57%,5%) |
| #070d18 |
rgb(7,13,24) |
hsl(219,57%,6%) |
| #080f1c |
rgb(8,15,28) |
hsl(219,57%,7%) |
| #091120 |
rgb(9,17,32) |
hsl(219,57%,8%) |
| #0a1324 |
rgb(10,19,36) |
hsl(219,57%,9%) |
| #0b1528 |
rgb(11,21,40) |
hsl(219,57%,10%) |
| #0c172c |
rgb(12,23,44) |
hsl(219,57%,11%) |
| #0d1930 |
rgb(13,25,48) |
hsl(219,57%,12%) |
| #0e1b34 |
rgb(14,27,52) |
hsl(219,57%,13%) |
| #0f1e38 |
rgb(15,30,56) |
hsl(219,57%,14%) |
| #10203c |
rgb(16,32,60) |
hsl(219,57%,15%) |
| #122240 |
rgb(18,34,64) |
hsl(219,57%,16%) |
| #132444 |
rgb(19,36,68) |
hsl(219,57%,17%) |
| #142648 |
rgb(20,38,72) |
hsl(219,57%,18%) |
| #15284c |
rgb(21,40,76) |
hsl(219,57%,19%) |
| #162a50 |
rgb(22,42,80) |
hsl(219,57%,20%) |
| #172c54 |
rgb(23,44,84) |
hsl(219,57%,21%) |
| #182f58 |
rgb(24,47,88) |
hsl(219,57%,22%) |
| #19315c |
rgb(25,49,92) |
hsl(219,57%,23%) |
| #1a3360 |
rgb(26,51,96) |
hsl(219,57%,24%) |
| #1b3564 |
rgb(27,53,100) |
hsl(219,57%,25%) |
| #1d3768 |
rgb(29,55,104) |
hsl(219,57%,26%) |
| #1e396c |
rgb(30,57,108) |
hsl(219,57%,27%) |
| #1f3b70 |
rgb(31,59,112) |
hsl(219,57%,28%) |
| #203d74 |
rgb(32,61,116) |
hsl(219,57%,29%) |
| #213f78 |
rgb(33,63,120) |
hsl(219,57%,30%) |
| #22427c |
rgb(34,66,124) |
hsl(219,57%,31%) |
| #234480 |
rgb(35,68,128) |
hsl(219,57%,32%) |
| #244684 |
rgb(36,70,132) |
hsl(219,57%,33%) |
| #254888 |
rgb(37,72,136) |
hsl(219,57%,34%) |
| #264a8c |
rgb(38,74,140) |
hsl(219,57%,35%) |
| #274c90 |
rgb(39,76,144) |
hsl(219,57%,36%) |
| #294e94 |
rgb(41,78,148) |
hsl(219,57%,37%) |
| #2a5098 |
rgb(42,80,152) |
hsl(219,57%,38%) |
| #2b529c |
rgb(43,82,156) |
hsl(219,57%,39%) |
| #2c55a0 |
rgb(44,85,160) |
hsl(219,57%,40%) |
| #2d57a4 |
rgb(45,87,164) |
hsl(219,57%,41%) |
| #2e59a8 |
rgb(46,89,168) |
hsl(219,57%,42%) |
| #2f5bac |
rgb(47,91,172) |
hsl(219,57%,43%) |
| #305db0 |
rgb(48,93,176) |
hsl(219,57%,44%) |
| #315fb4 |
rgb(49,95,180) |
hsl(219,57%,45%) |
| #3261b8 |
rgb(50,97,184) |
hsl(219,57%,46%) |
| #3463bc |
rgb(52,99,188) |
hsl(219,57%,47%) |
| #3565c0 |
rgb(53,101,192) |
hsl(219,57%,48%) |
| #3668c4 |
rgb(54,104,196) |
hsl(219,57%,49%) |
| #376ac8 |
rgb(55,106,200) |
hsl(219,57%,50%) |
| #3b6dc9 |
rgb(59,109,201) |
hsl(219,57%,51%) |
| #3f70ca |
rgb(63,112,202) |
hsl(219,57%,52%) |
| #4373cb |
rgb(67,115,203) |
hsl(219,57%,53%) |
| #4776cd |
rgb(71,118,205) |
hsl(219,57%,54%) |
| #4b79ce |
rgb(75,121,206) |
hsl(219,57%,55%) |
| #4f7ccf |
rgb(79,124,207) |
hsl(219,57%,56%) |
| #537fd0 |
rgb(83,127,208) |
hsl(219,57%,57%) |
| #5782d1 |
rgb(87,130,209) |
hsl(219,57%,58%) |
| #5b85d2 |
rgb(91,133,210) |
hsl(219,57%,59%) |
| #5f88d3 |
rgb(95,136,211) |
hsl(219,57%,60%) |
| #638bd4 |
rgb(99,139,212) |
hsl(219,57%,61%) |
| #678ed5 |
rgb(103,142,213) |
hsl(219,57%,62%) |
| #6b91d6 |
rgb(107,145,214) |
hsl(219,57%,63%) |
| #6f94d8 |
rgb(111,148,216) |
hsl(219,57%,64%) |
| #7396d9 |
rgb(115,150,217) |
hsl(219,57%,65%) |
| #7799da |
rgb(119,153,218) |
hsl(219,57%,66%) |
| #7b9cdb |
rgb(123,156,219) |
hsl(219,57%,67%) |
| #7f9fdc |
rgb(127,159,220) |
hsl(219,57%,68%) |
| #83a2dd |
rgb(131,162,221) |
hsl(219,57%,69%) |
| #87a5de |
rgb(135,165,222) |
hsl(219,57%,70%) |
| #8ba8df |
rgb(139,168,223) |
hsl(219,57%,71%) |
| #8fabe0 |
rgb(143,171,224) |
hsl(219,57%,72%) |
| #93aee1 |
rgb(147,174,225) |
hsl(219,57%,73%) |
| #97b1e2 |
rgb(151,177,226) |
hsl(219,57%,74%) |
| #9bb4e4 |
rgb(155,180,228) |
hsl(219,57%,75%) |
| #9fb7e5 |
rgb(159,183,229) |
hsl(219,57%,76%) |
| #a3bae6 |
rgb(163,186,230) |
hsl(219,57%,77%) |
| #a7bde7 |
rgb(167,189,231) |
hsl(219,57%,78%) |
| #abc0e8 |
rgb(171,192,232) |
hsl(219,57%,79%) |
| #afc3e9 |
rgb(175,195,233) |
hsl(219,57%,80%) |
| #b3c6ea |
rgb(179,198,234) |
hsl(219,57%,81%) |
| #b7c9eb |
rgb(183,201,235) |
hsl(219,57%,82%) |
| #bbccec |
rgb(187,204,236) |
hsl(219,57%,83%) |
| #bfcfed |
rgb(191,207,237) |
hsl(219,57%,84%) |
| #c3d2ef |
rgb(195,210,239) |
hsl(219,57%,85%) |
| #c7d5f0 |
rgb(199,213,240) |
hsl(219,57%,86%) |
| #cbd8f1 |
rgb(203,216,241) |
hsl(219,57%,87%) |
| #cfdbf2 |
rgb(207,219,242) |
hsl(219,57%,88%) |
| #d3def3 |
rgb(211,222,243) |
hsl(219,57%,89%) |
| #d7e1f4 |
rgb(215,225,244) |
hsl(219,57%,90%) |
| #dbe4f5 |
rgb(219,228,245) |
hsl(219,57%,91%) |
| #dfe7f6 |
rgb(223,231,246) |
hsl(219,57%,92%) |
| #e3eaf7 |
rgb(227,234,247) |
hsl(219,57%,93%) |
| #e7edf8 |
rgb(231,237,248) |
hsl(219,57%,94%) |
| #ebf0fa |
rgb(235,240,250) |
hsl(219,57%,95%) |
| #eff3fb |
rgb(239,243,251) |
hsl(219,57%,96%) |
| #f3f6fc |
rgb(243,246,252) |
hsl(219,57%,97%) |
| #f7f9fd |
rgb(247,249,253) |
hsl(219,57%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(219,57%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #38c7c5 |
rgb(56,199,197) |
hsl(179,56%,50%) |
| #386bc8 |
rgb(56,107,200) |
hsl(219,57%,50%) |
| #6538c8 |
rgb(101,56,200) |
hsl(259,57%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #789cd9 |
rgb(120,156,217) |
hsl(218,56%,66%) |
| #5882d0 |
rgb(88,130,208) |
hsl(219,56%,58%) |
| #386bc8 |
rgb(56,107,200) |
hsl(219,57%,50%) |
| #2e59a8 |
rgb(46,89,168) |
hsl(219,57%,42%) |
| #254788 |
rgb(37,71,136) |
hsl(219,57%,34%) |
| #1c3868 |
rgb(28,56,104) |
hsl(218,58%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #386bc8 |
rgb(56,107,200) |
hsl(219,57%,50%) |
| #c84d38 |
rgb(200,77,56) |
hsl(9,57%,50%) |
| #b3c738 |
rgb(179,199,56) |
hsl(68,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #386bc8 |
rgb(56,107,200) |
hsl(219,57%,50%) |
| #c89438 |
rgb(200,148,56) |
hsl(38,57%,50%) |
| #38b3c8 |
rgb(56,179,200) |
hsl(189,57%,50%) |
| #b3c738 |
rgb(179,199,56) |
hsl(68,56%,50%) |
