Color HEX #3870C8, RGB(56,112,200)
Color name is Indigo. The color #3870c8 is a dark shade and moderately saturated.
Palette
3870c8 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(217,57%,1%) |
| #020408 |
rgb(2,4,8) |
hsl(217,57%,2%) |
| #03070c |
rgb(3,7,12) |
hsl(217,57%,3%) |
| #040910 |
rgb(4,9,16) |
hsl(217,57%,4%) |
| #050b14 |
rgb(5,11,20) |
hsl(217,57%,5%) |
| #070d18 |
rgb(7,13,24) |
hsl(217,57%,6%) |
| #080f1c |
rgb(8,15,28) |
hsl(217,57%,7%) |
| #091220 |
rgb(9,18,32) |
hsl(217,57%,8%) |
| #0a1424 |
rgb(10,20,36) |
hsl(217,57%,9%) |
| #0b1628 |
rgb(11,22,40) |
hsl(217,57%,10%) |
| #0c182c |
rgb(12,24,44) |
hsl(217,57%,11%) |
| #0d1b30 |
rgb(13,27,48) |
hsl(217,57%,12%) |
| #0e1d34 |
rgb(14,29,52) |
hsl(217,57%,13%) |
| #0f1f38 |
rgb(15,31,56) |
hsl(217,57%,14%) |
| #10213c |
rgb(16,33,60) |
hsl(217,57%,15%) |
| #122340 |
rgb(18,35,64) |
hsl(217,57%,16%) |
| #132644 |
rgb(19,38,68) |
hsl(217,57%,17%) |
| #142848 |
rgb(20,40,72) |
hsl(217,57%,18%) |
| #152a4c |
rgb(21,42,76) |
hsl(217,57%,19%) |
| #162c50 |
rgb(22,44,80) |
hsl(217,57%,20%) |
| #172e54 |
rgb(23,46,84) |
hsl(217,57%,21%) |
| #183158 |
rgb(24,49,88) |
hsl(217,57%,22%) |
| #19335c |
rgb(25,51,92) |
hsl(217,57%,23%) |
| #1a3560 |
rgb(26,53,96) |
hsl(217,57%,24%) |
| #1b3764 |
rgb(27,55,100) |
hsl(217,57%,25%) |
| #1d3968 |
rgb(29,57,104) |
hsl(217,57%,26%) |
| #1e3c6c |
rgb(30,60,108) |
hsl(217,57%,27%) |
| #1f3e70 |
rgb(31,62,112) |
hsl(217,57%,28%) |
| #204074 |
rgb(32,64,116) |
hsl(217,57%,29%) |
| #214278 |
rgb(33,66,120) |
hsl(217,57%,30%) |
| #22457c |
rgb(34,69,124) |
hsl(217,57%,31%) |
| #234780 |
rgb(35,71,128) |
hsl(217,57%,32%) |
| #244984 |
rgb(36,73,132) |
hsl(217,57%,33%) |
| #254b88 |
rgb(37,75,136) |
hsl(217,57%,34%) |
| #264d8c |
rgb(38,77,140) |
hsl(217,57%,35%) |
| #275090 |
rgb(39,80,144) |
hsl(217,57%,36%) |
| #295294 |
rgb(41,82,148) |
hsl(217,57%,37%) |
| #2a5498 |
rgb(42,84,152) |
hsl(217,57%,38%) |
| #2b569c |
rgb(43,86,156) |
hsl(217,57%,39%) |
| #2c58a0 |
rgb(44,88,160) |
hsl(217,57%,40%) |
| #2d5ba4 |
rgb(45,91,164) |
hsl(217,57%,41%) |
| #2e5da8 |
rgb(46,93,168) |
hsl(217,57%,42%) |
| #2f5fac |
rgb(47,95,172) |
hsl(217,57%,43%) |
| #3061b0 |
rgb(48,97,176) |
hsl(217,57%,44%) |
| #3163b4 |
rgb(49,99,180) |
hsl(217,57%,45%) |
| #3266b8 |
rgb(50,102,184) |
hsl(217,57%,46%) |
| #3468bc |
rgb(52,104,188) |
hsl(217,57%,47%) |
| #356ac0 |
rgb(53,106,192) |
hsl(217,57%,48%) |
| #366cc4 |
rgb(54,108,196) |
hsl(217,57%,49%) |
| #376fc8 |
rgb(55,111,200) |
hsl(217,57%,50%) |
| #3b71c9 |
rgb(59,113,201) |
hsl(217,57%,51%) |
| #3f74ca |
rgb(63,116,202) |
hsl(217,57%,52%) |
| #4377cb |
rgb(67,119,203) |
hsl(217,57%,53%) |
| #477acd |
rgb(71,122,205) |
hsl(217,57%,54%) |
| #4b7dce |
rgb(75,125,206) |
hsl(217,57%,55%) |
| #4f80cf |
rgb(79,128,207) |
hsl(217,57%,56%) |
| #5383d0 |
rgb(83,131,208) |
hsl(217,57%,57%) |
| #5786d1 |
rgb(87,134,209) |
hsl(217,57%,58%) |
| #5b89d2 |
rgb(91,137,210) |
hsl(217,57%,59%) |
| #5f8bd3 |
rgb(95,139,211) |
hsl(217,57%,60%) |
| #638ed4 |
rgb(99,142,212) |
hsl(217,57%,61%) |
| #6791d5 |
rgb(103,145,213) |
hsl(217,57%,62%) |
| #6b94d6 |
rgb(107,148,214) |
hsl(217,57%,63%) |
| #6f97d8 |
rgb(111,151,216) |
hsl(217,57%,64%) |
| #739ad9 |
rgb(115,154,217) |
hsl(217,57%,65%) |
| #779dda |
rgb(119,157,218) |
hsl(217,57%,66%) |
| #7ba0db |
rgb(123,160,219) |
hsl(217,57%,67%) |
| #7fa3dc |
rgb(127,163,220) |
hsl(217,57%,68%) |
| #83a5dd |
rgb(131,165,221) |
hsl(217,57%,69%) |
| #87a8de |
rgb(135,168,222) |
hsl(217,57%,70%) |
| #8babdf |
rgb(139,171,223) |
hsl(217,57%,71%) |
| #8faee0 |
rgb(143,174,224) |
hsl(217,57%,72%) |
| #93b1e1 |
rgb(147,177,225) |
hsl(217,57%,73%) |
| #97b4e2 |
rgb(151,180,226) |
hsl(217,57%,74%) |
| #9bb7e4 |
rgb(155,183,228) |
hsl(217,57%,75%) |
| #9fbae5 |
rgb(159,186,229) |
hsl(217,57%,76%) |
| #a3bde6 |
rgb(163,189,230) |
hsl(217,57%,77%) |
| #a7bfe7 |
rgb(167,191,231) |
hsl(217,57%,78%) |
| #abc2e8 |
rgb(171,194,232) |
hsl(217,57%,79%) |
| #afc5e9 |
rgb(175,197,233) |
hsl(217,57%,80%) |
| #b3c8ea |
rgb(179,200,234) |
hsl(217,57%,81%) |
| #b7cbeb |
rgb(183,203,235) |
hsl(217,57%,82%) |
| #bbceec |
rgb(187,206,236) |
hsl(217,57%,83%) |
| #bfd1ed |
rgb(191,209,237) |
hsl(217,57%,84%) |
| #c3d4ef |
rgb(195,212,239) |
hsl(217,57%,85%) |
| #c7d7f0 |
rgb(199,215,240) |
hsl(217,57%,86%) |
| #cbd9f1 |
rgb(203,217,241) |
hsl(217,57%,87%) |
| #cfdcf2 |
rgb(207,220,242) |
hsl(217,57%,88%) |
| #d3dff3 |
rgb(211,223,243) |
hsl(217,57%,89%) |
| #d7e2f4 |
rgb(215,226,244) |
hsl(217,57%,90%) |
| #dbe5f5 |
rgb(219,229,245) |
hsl(217,57%,91%) |
| #dfe8f6 |
rgb(223,232,246) |
hsl(217,57%,92%) |
| #e3ebf7 |
rgb(227,235,247) |
hsl(217,57%,93%) |
| #e7eef8 |
rgb(231,238,248) |
hsl(217,57%,94%) |
| #ebf1fa |
rgb(235,241,250) |
hsl(217,57%,95%) |
| #eff3fb |
rgb(239,243,251) |
hsl(217,57%,96%) |
| #f3f6fc |
rgb(243,246,252) |
hsl(217,57%,97%) |
| #f7f9fd |
rgb(247,249,253) |
hsl(217,57%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(217,57%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #38c7c0 |
rgb(56,199,192) |
hsl(177,56%,50%) |
| #3870c8 |
rgb(56,112,200) |
hsl(217,57%,50%) |
| #6038c8 |
rgb(96,56,200) |
hsl(257,57%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #789ed9 |
rgb(120,158,217) |
hsl(216,56%,66%) |
| #5887d0 |
rgb(88,135,208) |
hsl(217,56%,58%) |
| #3870c8 |
rgb(56,112,200) |
hsl(217,57%,50%) |
| #2e5ea8 |
rgb(46,94,168) |
hsl(216,57%,42%) |
| #254d88 |
rgb(37,77,136) |
hsl(216,57%,34%) |
| #1c3b68 |
rgb(28,59,104) |
hsl(216,58%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3870c8 |
rgb(56,112,200) |
hsl(217,57%,50%) |
| #c84738 |
rgb(200,71,56) |
hsl(6,57%,50%) |
| #b8c738 |
rgb(184,199,56) |
hsl(66,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3870c8 |
rgb(56,112,200) |
hsl(217,57%,50%) |
| #c88f38 |
rgb(200,143,56) |
hsl(36,57%,50%) |
| #38b8c8 |
rgb(56,184,200) |
hsl(187,57%,50%) |
| #b8c738 |
rgb(184,199,56) |
hsl(66,56%,50%) |
