Color HEX #3868C7, RGB(56,104,199)
Color name is Indigo. The color #3868c7 is a dark shade and moderately saturated.
Your selected color codes
Palette
3868c7 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(220,56%,1%) |
| #020408 |
rgb(2,4,8) |
hsl(220,56%,2%) |
| #03060c |
rgb(3,6,12) |
hsl(220,56%,3%) |
| #040810 |
rgb(4,8,16) |
hsl(220,56%,4%) |
| #060a14 |
rgb(6,10,20) |
hsl(220,56%,5%) |
| #070c18 |
rgb(7,12,24) |
hsl(220,56%,6%) |
| #080f1c |
rgb(8,15,28) |
hsl(220,56%,7%) |
| #091120 |
rgb(9,17,32) |
hsl(220,56%,8%) |
| #0a1324 |
rgb(10,19,36) |
hsl(220,56%,9%) |
| #0b1528 |
rgb(11,21,40) |
hsl(220,56%,10%) |
| #0c172c |
rgb(12,23,44) |
hsl(220,56%,11%) |
| #0d1930 |
rgb(13,25,48) |
hsl(220,56%,12%) |
| #0f1b34 |
rgb(15,27,52) |
hsl(220,56%,13%) |
| #101d38 |
rgb(16,29,56) |
hsl(220,56%,14%) |
| #111f3c |
rgb(17,31,60) |
hsl(220,56%,15%) |
| #122140 |
rgb(18,33,64) |
hsl(220,56%,16%) |
| #132344 |
rgb(19,35,68) |
hsl(220,56%,17%) |
| #142548 |
rgb(20,37,72) |
hsl(220,56%,18%) |
| #15274c |
rgb(21,39,76) |
hsl(220,56%,19%) |
| #162950 |
rgb(22,41,80) |
hsl(220,56%,20%) |
| #182c54 |
rgb(24,44,84) |
hsl(220,56%,21%) |
| #192e58 |
rgb(25,46,88) |
hsl(220,56%,22%) |
| #1a305b |
rgb(26,48,91) |
hsl(220,56%,23%) |
| #1b325f |
rgb(27,50,95) |
hsl(220,56%,24%) |
| #1c3463 |
rgb(28,52,99) |
hsl(220,56%,25%) |
| #1d3667 |
rgb(29,54,103) |
hsl(220,56%,26%) |
| #1e386b |
rgb(30,56,107) |
hsl(220,56%,27%) |
| #1f3a6f |
rgb(31,58,111) |
hsl(220,56%,28%) |
| #213c73 |
rgb(33,60,115) |
hsl(220,56%,29%) |
| #223e77 |
rgb(34,62,119) |
hsl(220,56%,30%) |
| #23407b |
rgb(35,64,123) |
hsl(220,56%,31%) |
| #24427f |
rgb(36,66,127) |
hsl(220,56%,32%) |
| #254483 |
rgb(37,68,131) |
hsl(220,56%,33%) |
| #264787 |
rgb(38,71,135) |
hsl(220,56%,34%) |
| #27498b |
rgb(39,73,139) |
hsl(220,56%,35%) |
| #284b8f |
rgb(40,75,143) |
hsl(220,56%,36%) |
| #2a4d93 |
rgb(42,77,147) |
hsl(220,56%,37%) |
| #2b4f97 |
rgb(43,79,151) |
hsl(220,56%,38%) |
| #2c519b |
rgb(44,81,155) |
hsl(220,56%,39%) |
| #2d539f |
rgb(45,83,159) |
hsl(220,56%,40%) |
| #2e55a3 |
rgb(46,85,163) |
hsl(220,56%,41%) |
| #2f57a7 |
rgb(47,87,167) |
hsl(220,56%,42%) |
| #3059ab |
rgb(48,89,171) |
hsl(220,56%,43%) |
| #315baf |
rgb(49,91,175) |
hsl(220,56%,44%) |
| #325db3 |
rgb(50,93,179) |
hsl(220,56%,45%) |
| #345fb7 |
rgb(52,95,183) |
hsl(220,56%,46%) |
| #3561bb |
rgb(53,97,187) |
hsl(220,56%,47%) |
| #3664bf |
rgb(54,100,191) |
hsl(220,56%,48%) |
| #3766c3 |
rgb(55,102,195) |
hsl(220,56%,49%) |
| #3868c7 |
rgb(56,104,199) |
hsl(220,56%,50%) |
| #3c6bc8 |
rgb(60,107,200) |
hsl(220,56%,51%) |
| #406ec9 |
rgb(64,110,201) |
hsl(220,56%,52%) |
| #4471ca |
rgb(68,113,202) |
hsl(220,56%,53%) |
| #4874cb |
rgb(72,116,203) |
hsl(220,56%,54%) |
| #4c77cd |
rgb(76,119,205) |
hsl(220,56%,55%) |
| #507ace |
rgb(80,122,206) |
hsl(220,56%,56%) |
| #547dcf |
rgb(84,125,207) |
hsl(220,56%,57%) |
| #5880d0 |
rgb(88,128,208) |
hsl(220,56%,58%) |
| #5c83d1 |
rgb(92,131,209) |
hsl(220,56%,59%) |
| #6086d2 |
rgb(96,134,210) |
hsl(220,56%,60%) |
| #6489d3 |
rgb(100,137,211) |
hsl(220,56%,61%) |
| #688cd4 |
rgb(104,140,212) |
hsl(220,56%,62%) |
| #6c8fd5 |
rgb(108,143,213) |
hsl(220,56%,63%) |
| #7092d7 |
rgb(112,146,215) |
hsl(220,56%,64%) |
| #7495d8 |
rgb(116,149,216) |
hsl(220,56%,65%) |
| #7898d9 |
rgb(120,152,217) |
hsl(220,56%,66%) |
| #7c9bda |
rgb(124,155,218) |
hsl(220,56%,67%) |
| #809edb |
rgb(128,158,219) |
hsl(220,56%,68%) |
| #84a1dc |
rgb(132,161,220) |
hsl(220,56%,69%) |
| #88a4dd |
rgb(136,164,221) |
hsl(220,56%,70%) |
| #8ca7de |
rgb(140,167,222) |
hsl(220,56%,71%) |
| #90aae0 |
rgb(144,170,224) |
hsl(220,56%,72%) |
| #94ade1 |
rgb(148,173,225) |
hsl(220,56%,73%) |
| #98b0e2 |
rgb(152,176,226) |
hsl(220,56%,74%) |
| #9cb3e3 |
rgb(156,179,227) |
hsl(220,56%,75%) |
| #a0b6e4 |
rgb(160,182,228) |
hsl(220,56%,76%) |
| #a4b9e5 |
rgb(164,185,229) |
hsl(220,56%,77%) |
| #a7bce6 |
rgb(167,188,230) |
hsl(220,56%,78%) |
| #abbfe7 |
rgb(171,191,231) |
hsl(220,56%,79%) |
| #afc2e9 |
rgb(175,194,233) |
hsl(220,56%,80%) |
| #b3c6ea |
rgb(179,198,234) |
hsl(220,56%,81%) |
| #b7c9eb |
rgb(183,201,235) |
hsl(220,56%,82%) |
| #bbccec |
rgb(187,204,236) |
hsl(220,56%,83%) |
| #bfcfed |
rgb(191,207,237) |
hsl(220,56%,84%) |
| #c3d2ee |
rgb(195,210,238) |
hsl(220,56%,85%) |
| #c7d5ef |
rgb(199,213,239) |
hsl(220,56%,86%) |
| #cbd8f0 |
rgb(203,216,240) |
hsl(220,56%,87%) |
| #cfdbf2 |
rgb(207,219,242) |
hsl(220,56%,88%) |
| #d3def3 |
rgb(211,222,243) |
hsl(220,56%,89%) |
| #d7e1f4 |
rgb(215,225,244) |
hsl(220,56%,90%) |
| #dbe4f5 |
rgb(219,228,245) |
hsl(220,56%,91%) |
| #dfe7f6 |
rgb(223,231,246) |
hsl(220,56%,92%) |
| #e3eaf7 |
rgb(227,234,247) |
hsl(220,56%,93%) |
| #e7edf8 |
rgb(231,237,248) |
hsl(220,56%,94%) |
| #ebf0f9 |
rgb(235,240,249) |
hsl(220,56%,95%) |
| #eff3fb |
rgb(239,243,251) |
hsl(220,56%,96%) |
| #f3f6fc |
rgb(243,246,252) |
hsl(220,56%,97%) |
| #f7f9fd |
rgb(247,249,253) |
hsl(220,56%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(220,56%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #38c7c6 |
rgb(56,199,198) |
hsl(180,56%,50%) |
| #3868c7 |
rgb(56,104,199) |
hsl(220,56%,50%) |
| #6738c7 |
rgb(103,56,199) |
hsl(260,56%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7799d8 |
rgb(119,153,216) |
hsl(219,55%,66%) |
| #5780cf |
rgb(87,128,207) |
hsl(220,56%,58%) |
| #3868c7 |
rgb(56,104,199) |
hsl(220,56%,50%) |
| #2f57a7 |
rgb(47,87,167) |
hsl(220,56%,42%) |
| #264787 |
rgb(38,71,135) |
hsl(220,56%,34%) |
| #1d3667 |
rgb(29,54,103) |
hsl(220,56%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3868c7 |
rgb(56,104,199) |
hsl(220,56%,50%) |
| #c74f38 |
rgb(199,79,56) |
hsl(10,56%,50%) |
| #afc738 |
rgb(175,199,56) |
hsl(70,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3868c7 |
rgb(56,104,199) |
hsl(220,56%,50%) |
| #c79638 |
rgb(199,150,56) |
hsl(39,56%,50%) |
| #38b0c7 |
rgb(56,176,199) |
hsl(190,56%,50%) |
| #afc738 |
rgb(175,199,56) |
hsl(70,56%,50%) |
