Color HEX #3870C6, RGB(56,112,198)
Color name is Indigo. The color #3870c6 is a dark shade and moderately saturated.
Palette
3870c6 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(216,56%,1%) |
| #020508 |
rgb(2,5,8) |
hsl(216,56%,2%) |
| #03070c |
rgb(3,7,12) |
hsl(216,56%,3%) |
| #040910 |
rgb(4,9,16) |
hsl(216,56%,4%) |
| #060b14 |
rgb(6,11,20) |
hsl(216,56%,5%) |
| #070e18 |
rgb(7,14,24) |
hsl(216,56%,6%) |
| #08101c |
rgb(8,16,28) |
hsl(216,56%,7%) |
| #091220 |
rgb(9,18,32) |
hsl(216,56%,8%) |
| #0a1424 |
rgb(10,20,36) |
hsl(216,56%,9%) |
| #0b1728 |
rgb(11,23,40) |
hsl(216,56%,10%) |
| #0c192c |
rgb(12,25,44) |
hsl(216,56%,11%) |
| #0d1b30 |
rgb(13,27,48) |
hsl(216,56%,12%) |
| #0f1d34 |
rgb(15,29,52) |
hsl(216,56%,13%) |
| #102038 |
rgb(16,32,56) |
hsl(216,56%,14%) |
| #11223c |
rgb(17,34,60) |
hsl(216,56%,15%) |
| #122440 |
rgb(18,36,64) |
hsl(216,56%,16%) |
| #132644 |
rgb(19,38,68) |
hsl(216,56%,17%) |
| #142948 |
rgb(20,41,72) |
hsl(216,56%,18%) |
| #152b4c |
rgb(21,43,76) |
hsl(216,56%,19%) |
| #162d50 |
rgb(22,45,80) |
hsl(216,56%,20%) |
| #183054 |
rgb(24,48,84) |
hsl(216,56%,21%) |
| #193258 |
rgb(25,50,88) |
hsl(216,56%,22%) |
| #1a345b |
rgb(26,52,91) |
hsl(216,56%,23%) |
| #1b365f |
rgb(27,54,95) |
hsl(216,56%,24%) |
| #1c3963 |
rgb(28,57,99) |
hsl(216,56%,25%) |
| #1d3b67 |
rgb(29,59,103) |
hsl(216,56%,26%) |
| #1e3d6b |
rgb(30,61,107) |
hsl(216,56%,27%) |
| #1f3f6f |
rgb(31,63,111) |
hsl(216,56%,28%) |
| #214273 |
rgb(33,66,115) |
hsl(216,56%,29%) |
| #224477 |
rgb(34,68,119) |
hsl(216,56%,30%) |
| #23467b |
rgb(35,70,123) |
hsl(216,56%,31%) |
| #24487f |
rgb(36,72,127) |
hsl(216,56%,32%) |
| #254b83 |
rgb(37,75,131) |
hsl(216,56%,33%) |
| #264d87 |
rgb(38,77,135) |
hsl(216,56%,34%) |
| #274f8b |
rgb(39,79,139) |
hsl(216,56%,35%) |
| #28528f |
rgb(40,82,143) |
hsl(216,56%,36%) |
| #2a5493 |
rgb(42,84,147) |
hsl(216,56%,37%) |
| #2b5697 |
rgb(43,86,151) |
hsl(216,56%,38%) |
| #2c589b |
rgb(44,88,155) |
hsl(216,56%,39%) |
| #2d5b9f |
rgb(45,91,159) |
hsl(216,56%,40%) |
| #2e5da3 |
rgb(46,93,163) |
hsl(216,56%,41%) |
| #2f5fa7 |
rgb(47,95,167) |
hsl(216,56%,42%) |
| #3061ab |
rgb(48,97,171) |
hsl(216,56%,43%) |
| #3164af |
rgb(49,100,175) |
hsl(216,56%,44%) |
| #3266b3 |
rgb(50,102,179) |
hsl(216,56%,45%) |
| #3468b7 |
rgb(52,104,183) |
hsl(216,56%,46%) |
| #356abb |
rgb(53,106,187) |
hsl(216,56%,47%) |
| #366dbf |
rgb(54,109,191) |
hsl(216,56%,48%) |
| #376fc3 |
rgb(55,111,195) |
hsl(216,56%,49%) |
| #3871c7 |
rgb(56,113,199) |
hsl(216,56%,50%) |
| #3c74c8 |
rgb(60,116,200) |
hsl(216,56%,51%) |
| #4077c9 |
rgb(64,119,201) |
hsl(216,56%,52%) |
| #447aca |
rgb(68,122,202) |
hsl(216,56%,53%) |
| #487dcb |
rgb(72,125,203) |
hsl(216,56%,54%) |
| #4c7fcd |
rgb(76,127,205) |
hsl(216,56%,55%) |
| #5082ce |
rgb(80,130,206) |
hsl(216,56%,56%) |
| #5485cf |
rgb(84,133,207) |
hsl(216,56%,57%) |
| #5888d0 |
rgb(88,136,208) |
hsl(216,56%,58%) |
| #5c8bd1 |
rgb(92,139,209) |
hsl(216,56%,59%) |
| #608ed2 |
rgb(96,142,210) |
hsl(216,56%,60%) |
| #6490d3 |
rgb(100,144,211) |
hsl(216,56%,61%) |
| #6893d4 |
rgb(104,147,212) |
hsl(216,56%,62%) |
| #6c96d5 |
rgb(108,150,213) |
hsl(216,56%,63%) |
| #7099d7 |
rgb(112,153,215) |
hsl(216,56%,64%) |
| #749cd8 |
rgb(116,156,216) |
hsl(216,56%,65%) |
| #789fd9 |
rgb(120,159,217) |
hsl(216,56%,66%) |
| #7ca1da |
rgb(124,161,218) |
hsl(216,56%,67%) |
| #80a4db |
rgb(128,164,219) |
hsl(216,56%,68%) |
| #84a7dc |
rgb(132,167,220) |
hsl(216,56%,69%) |
| #88aadd |
rgb(136,170,221) |
hsl(216,56%,70%) |
| #8cadde |
rgb(140,173,222) |
hsl(216,56%,71%) |
| #90b0e0 |
rgb(144,176,224) |
hsl(216,56%,72%) |
| #94b2e1 |
rgb(148,178,225) |
hsl(216,56%,73%) |
| #98b5e2 |
rgb(152,181,226) |
hsl(216,56%,74%) |
| #9cb8e3 |
rgb(156,184,227) |
hsl(216,56%,75%) |
| #a0bbe4 |
rgb(160,187,228) |
hsl(216,56%,76%) |
| #a4bee5 |
rgb(164,190,229) |
hsl(216,56%,77%) |
| #a7c1e6 |
rgb(167,193,230) |
hsl(216,56%,78%) |
| #abc3e7 |
rgb(171,195,231) |
hsl(216,56%,79%) |
| #afc6e9 |
rgb(175,198,233) |
hsl(216,56%,80%) |
| #b3c9ea |
rgb(179,201,234) |
hsl(216,56%,81%) |
| #b7cceb |
rgb(183,204,235) |
hsl(216,56%,82%) |
| #bbcfec |
rgb(187,207,236) |
hsl(216,56%,83%) |
| #bfd2ed |
rgb(191,210,237) |
hsl(216,56%,84%) |
| #c3d4ee |
rgb(195,212,238) |
hsl(216,56%,85%) |
| #c7d7ef |
rgb(199,215,239) |
hsl(216,56%,86%) |
| #cbdaf0 |
rgb(203,218,240) |
hsl(216,56%,87%) |
| #cfddf2 |
rgb(207,221,242) |
hsl(216,56%,88%) |
| #d3e0f3 |
rgb(211,224,243) |
hsl(216,56%,89%) |
| #d7e3f4 |
rgb(215,227,244) |
hsl(216,56%,90%) |
| #dbe5f5 |
rgb(219,229,245) |
hsl(216,56%,91%) |
| #dfe8f6 |
rgb(223,232,246) |
hsl(216,56%,92%) |
| #e3ebf7 |
rgb(227,235,247) |
hsl(216,56%,93%) |
| #e7eef8 |
rgb(231,238,248) |
hsl(216,56%,94%) |
| #ebf1f9 |
rgb(235,241,249) |
hsl(216,56%,95%) |
| #eff4fb |
rgb(239,244,251) |
hsl(216,56%,96%) |
| #f3f6fc |
rgb(243,246,252) |
hsl(216,56%,97%) |
| #f7f9fd |
rgb(247,249,253) |
hsl(216,56%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(216,56%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #38c7bd |
rgb(56,199,189) |
hsl(176,56%,50%) |
| #3870c6 |
rgb(56,112,198) |
hsl(216,56%,50%) |
| #5e38c6 |
rgb(94,56,198) |
hsl(256,56%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #769ed8 |
rgb(118,158,216) |
hsl(216,56%,65%) |
| #5787cf |
rgb(87,135,207) |
hsl(216,56%,58%) |
| #3870c6 |
rgb(56,112,198) |
hsl(216,56%,50%) |
| #2f5ea6 |
rgb(47,94,166) |
hsl(216,56%,42%) |
| #264d86 |
rgb(38,77,134) |
hsl(216,56%,34%) |
| #1d3b66 |
rgb(29,59,102) |
hsl(215,56%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3870c6 |
rgb(56,112,198) |
hsl(216,56%,50%) |
| #c64738 |
rgb(198,71,56) |
hsl(6,56%,50%) |
| #b7c738 |
rgb(183,199,56) |
hsl(67,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3870c6 |
rgb(56,112,198) |
hsl(216,56%,50%) |
| #c68f38 |
rgb(198,143,56) |
hsl(37,56%,50%) |
| #38b8c6 |
rgb(56,184,198) |
hsl(186,56%,50%) |
| #b7c738 |
rgb(183,199,56) |
hsl(67,56%,50%) |
