HEX #3C6BC7 color — Indigo
The color #3C6BC7 is a dark shade and moderately saturated.
Palette
3C6BC7 color palette from light to dark
HEX |
RGB |
HSL |
#eff3fa |
rgb(239,243,250) |
hsl(220,55%,96%) |
#dbe4f5 |
rgb(219,228,245) |
hsl(220,55%,91%) |
#c8d5ef |
rgb(200,213,239) |
hsl(220,55%,86%) |
#b4c6e9 |
rgb(180,198,233) |
hsl(220,55%,81%) |
#a0b7e3 |
rgb(160,183,227) |
hsl(220,55%,76%) |
#8ca7de |
rgb(140,167,222) |
hsl(220,55%,71%) |
#7998d8 |
rgb(121,152,216) |
hsl(220,55%,66%) |
#6589d2 |
rgb(101,137,210) |
hsl(220,55%,61%) |
#517acd |
rgb(81,122,205) |
hsl(220,55%,56%) |
#3d6bc7 |
rgb(61,107,199) |
hsl(220,55%,51%) |
#3560b6 |
rgb(53,96,182) |
hsl(220,55%,46%) |
#2f55a2 |
rgb(47,85,162) |
hsl(220,55%,41%) |
#294b8e |
rgb(41,75,142) |
hsl(220,55%,36%) |
#24417b |
rgb(36,65,123) |
hsl(220,55%,31%) |
#1e3667 |
rgb(30,54,103) |
hsl(220,55%,26%) |
#182c53 |
rgb(24,44,83) |
hsl(220,55%,21%) |
#12213f |
rgb(18,33,63) |
hsl(220,55%,16%) |
#0d172b |
rgb(13,23,43) |
hsl(220,55%,11%) |
#070c18 |
rgb(7,12,24) |
hsl(220,55%,6%) |
#010204 |
rgb(1,2,4) |
hsl(220,55%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CC7C6 |
rgb(60,199,198) |
hsl(180,55%,51%) |
#3C6BC7 |
rgb(60,107,199) |
hsl(220,55%,51%) |
#693DC7 |
rgb(105,61,199) |
hsl(259,55%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7C9CD9 |
rgb(124,156,217) |
hsl(219,55%,67%) |
#5C85D0 |
rgb(92,133,208) |
hsl(219,55%,59%) |
#3C6BC7 |
rgb(60,107,199) |
hsl(220,55%,51%) |
#3059A9 |
rgb(48,89,169) |
hsl(220,56%,43%) |
#274788 |
rgb(39,71,136) |
hsl(220,55%,34%) |
#1E3868 |
rgb(30,56,104) |
hsl(219,55%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C6BC7 |
rgb(60,107,199) |
hsl(220,55%,51%) |
#C7523C |
rgb(199,82,60) |
hsl(9,55%,51%) |
#B0C73C |
rgb(176,199,60) |
hsl(70,55%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C6BC7 |
rgb(60,107,199) |
hsl(220,55%,51%) |
#C7993C |
rgb(199,153,60) |
hsl(40,55%,51%) |
#3CB0C7 |
rgb(60,176,199) |
hsl(190,55%,51%) |
#B0C73C |
rgb(176,199,60) |
hsl(70,55%,51%) |