Color HEX #3866C6, RGB(56,102,198)
Color name is Indigo. The color #3866c6 is a dark shade and moderately saturated.
Palette
3866c6 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(221,56%,1%) |
| #020408 |
rgb(2,4,8) |
hsl(221,56%,2%) |
| #03060c |
rgb(3,6,12) |
hsl(221,56%,3%) |
| #040810 |
rgb(4,8,16) |
hsl(221,56%,4%) |
| #060a14 |
rgb(6,10,20) |
hsl(221,56%,5%) |
| #070c18 |
rgb(7,12,24) |
hsl(221,56%,6%) |
| #080e1c |
rgb(8,14,28) |
hsl(221,56%,7%) |
| #091020 |
rgb(9,16,32) |
hsl(221,56%,8%) |
| #0a1224 |
rgb(10,18,36) |
hsl(221,56%,9%) |
| #0b1428 |
rgb(11,20,40) |
hsl(221,56%,10%) |
| #0c162c |
rgb(12,22,44) |
hsl(221,56%,11%) |
| #0d1830 |
rgb(13,24,48) |
hsl(221,56%,12%) |
| #0f1a34 |
rgb(15,26,52) |
hsl(221,56%,13%) |
| #101c38 |
rgb(16,28,56) |
hsl(221,56%,14%) |
| #111e3c |
rgb(17,30,60) |
hsl(221,56%,15%) |
| #122040 |
rgb(18,32,64) |
hsl(221,56%,16%) |
| #132244 |
rgb(19,34,68) |
hsl(221,56%,17%) |
| #142448 |
rgb(20,36,72) |
hsl(221,56%,18%) |
| #15274c |
rgb(21,39,76) |
hsl(221,56%,19%) |
| #162950 |
rgb(22,41,80) |
hsl(221,56%,20%) |
| #182b54 |
rgb(24,43,84) |
hsl(221,56%,21%) |
| #192d58 |
rgb(25,45,88) |
hsl(221,56%,22%) |
| #1a2f5b |
rgb(26,47,91) |
hsl(221,56%,23%) |
| #1b315f |
rgb(27,49,95) |
hsl(221,56%,24%) |
| #1c3363 |
rgb(28,51,99) |
hsl(221,56%,25%) |
| #1d3567 |
rgb(29,53,103) |
hsl(221,56%,26%) |
| #1e376b |
rgb(30,55,107) |
hsl(221,56%,27%) |
| #1f396f |
rgb(31,57,111) |
hsl(221,56%,28%) |
| #213b73 |
rgb(33,59,115) |
hsl(221,56%,29%) |
| #223d77 |
rgb(34,61,119) |
hsl(221,56%,30%) |
| #233f7b |
rgb(35,63,123) |
hsl(221,56%,31%) |
| #24417f |
rgb(36,65,127) |
hsl(221,56%,32%) |
| #254383 |
rgb(37,67,131) |
hsl(221,56%,33%) |
| #264587 |
rgb(38,69,135) |
hsl(221,56%,34%) |
| #27478b |
rgb(39,71,139) |
hsl(221,56%,35%) |
| #28498f |
rgb(40,73,143) |
hsl(221,56%,36%) |
| #2a4b93 |
rgb(42,75,147) |
hsl(221,56%,37%) |
| #2b4d97 |
rgb(43,77,151) |
hsl(221,56%,38%) |
| #2c4f9b |
rgb(44,79,155) |
hsl(221,56%,39%) |
| #2d519f |
rgb(45,81,159) |
hsl(221,56%,40%) |
| #2e53a3 |
rgb(46,83,163) |
hsl(221,56%,41%) |
| #2f55a7 |
rgb(47,85,167) |
hsl(221,56%,42%) |
| #3057ab |
rgb(48,87,171) |
hsl(221,56%,43%) |
| #3159af |
rgb(49,89,175) |
hsl(221,56%,44%) |
| #325bb3 |
rgb(50,91,179) |
hsl(221,56%,45%) |
| #345db7 |
rgb(52,93,183) |
hsl(221,56%,46%) |
| #355fbb |
rgb(53,95,187) |
hsl(221,56%,47%) |
| #3661bf |
rgb(54,97,191) |
hsl(221,56%,48%) |
| #3763c3 |
rgb(55,99,195) |
hsl(221,56%,49%) |
| #3865c7 |
rgb(56,101,199) |
hsl(221,56%,50%) |
| #3c68c8 |
rgb(60,104,200) |
hsl(221,56%,51%) |
| #406bc9 |
rgb(64,107,201) |
hsl(221,56%,52%) |
| #446fca |
rgb(68,111,202) |
hsl(221,56%,53%) |
| #4872cb |
rgb(72,114,203) |
hsl(221,56%,54%) |
| #4c75cd |
rgb(76,117,205) |
hsl(221,56%,55%) |
| #5078ce |
rgb(80,120,206) |
hsl(221,56%,56%) |
| #547bcf |
rgb(84,123,207) |
hsl(221,56%,57%) |
| #587ed0 |
rgb(88,126,208) |
hsl(221,56%,58%) |
| #5c81d1 |
rgb(92,129,209) |
hsl(221,56%,59%) |
| #6084d2 |
rgb(96,132,210) |
hsl(221,56%,60%) |
| #6487d3 |
rgb(100,135,211) |
hsl(221,56%,61%) |
| #688ad4 |
rgb(104,138,212) |
hsl(221,56%,62%) |
| #6c8dd5 |
rgb(108,141,213) |
hsl(221,56%,63%) |
| #7090d7 |
rgb(112,144,215) |
hsl(221,56%,64%) |
| #7493d8 |
rgb(116,147,216) |
hsl(221,56%,65%) |
| #7896d9 |
rgb(120,150,217) |
hsl(221,56%,66%) |
| #7c9ada |
rgb(124,154,218) |
hsl(221,56%,67%) |
| #809ddb |
rgb(128,157,219) |
hsl(221,56%,68%) |
| #84a0dc |
rgb(132,160,220) |
hsl(221,56%,69%) |
| #88a3dd |
rgb(136,163,221) |
hsl(221,56%,70%) |
| #8ca6de |
rgb(140,166,222) |
hsl(221,56%,71%) |
| #90a9e0 |
rgb(144,169,224) |
hsl(221,56%,72%) |
| #94ace1 |
rgb(148,172,225) |
hsl(221,56%,73%) |
| #98afe2 |
rgb(152,175,226) |
hsl(221,56%,74%) |
| #9cb2e3 |
rgb(156,178,227) |
hsl(221,56%,75%) |
| #a0b5e4 |
rgb(160,181,228) |
hsl(221,56%,76%) |
| #a4b8e5 |
rgb(164,184,229) |
hsl(221,56%,77%) |
| #a7bbe6 |
rgb(167,187,230) |
hsl(221,56%,78%) |
| #abbee7 |
rgb(171,190,231) |
hsl(221,56%,79%) |
| #afc2e9 |
rgb(175,194,233) |
hsl(221,56%,80%) |
| #b3c5ea |
rgb(179,197,234) |
hsl(221,56%,81%) |
| #b7c8eb |
rgb(183,200,235) |
hsl(221,56%,82%) |
| #bbcbec |
rgb(187,203,236) |
hsl(221,56%,83%) |
| #bfceed |
rgb(191,206,237) |
hsl(221,56%,84%) |
| #c3d1ee |
rgb(195,209,238) |
hsl(221,56%,85%) |
| #c7d4ef |
rgb(199,212,239) |
hsl(221,56%,86%) |
| #cbd7f0 |
rgb(203,215,240) |
hsl(221,56%,87%) |
| #cfdaf2 |
rgb(207,218,242) |
hsl(221,56%,88%) |
| #d3ddf3 |
rgb(211,221,243) |
hsl(221,56%,89%) |
| #d7e0f4 |
rgb(215,224,244) |
hsl(221,56%,90%) |
| #dbe3f5 |
rgb(219,227,245) |
hsl(221,56%,91%) |
| #dfe6f6 |
rgb(223,230,246) |
hsl(221,56%,92%) |
| #e3e9f7 |
rgb(227,233,247) |
hsl(221,56%,93%) |
| #e7edf8 |
rgb(231,237,248) |
hsl(221,56%,94%) |
| #ebf0f9 |
rgb(235,240,249) |
hsl(221,56%,95%) |
| #eff3fb |
rgb(239,243,251) |
hsl(221,56%,96%) |
| #f3f6fc |
rgb(243,246,252) |
hsl(221,56%,97%) |
| #f7f9fd |
rgb(247,249,253) |
hsl(221,56%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(221,56%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #38c4c6 |
rgb(56,196,198) |
hsl(181,56%,50%) |
| #3866c6 |
rgb(56,102,198) |
hsl(221,56%,50%) |
| #6838c6 |
rgb(104,56,198) |
hsl(260,56%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7696d8 |
rgb(118,150,216) |
hsl(220,56%,65%) |
| #577dcf |
rgb(87,125,207) |
hsl(221,56%,58%) |
| #3866c6 |
rgb(56,102,198) |
hsl(221,56%,50%) |
| #2f57a6 |
rgb(47,87,166) |
hsl(220,56%,42%) |
| #264586 |
rgb(38,69,134) |
hsl(221,56%,34%) |
| #1d3666 |
rgb(29,54,102) |
hsl(219,56%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3866c6 |
rgb(56,102,198) |
hsl(221,56%,50%) |
| #c65238 |
rgb(198,82,56) |
hsl(11,56%,50%) |
| #adc738 |
rgb(173,199,56) |
hsl(71,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3866c6 |
rgb(56,102,198) |
hsl(221,56%,50%) |
| #c69938 |
rgb(198,153,56) |
hsl(41,56%,50%) |
| #38adc6 |
rgb(56,173,198) |
hsl(191,56%,50%) |
| #adc738 |
rgb(173,199,56) |
hsl(71,56%,50%) |
