HEX #3C70C6 color — Indigo
The color #3C70C6 is a dark shade and moderately saturated.
Palette
3C70C6 color palette from light to dark
HEX |
RGB |
HSL |
#eff3fa |
rgb(239,243,250) |
hsl(217,55%,96%) |
#dbe5f5 |
rgb(219,229,245) |
hsl(217,55%,91%) |
#c8d7ef |
rgb(200,215,239) |
hsl(217,55%,86%) |
#b4c8e9 |
rgb(180,200,233) |
hsl(217,55%,81%) |
#a0bae3 |
rgb(160,186,227) |
hsl(217,55%,76%) |
#8cacde |
rgb(140,172,222) |
hsl(217,55%,71%) |
#799dd8 |
rgb(121,157,216) |
hsl(217,55%,66%) |
#658fd2 |
rgb(101,143,210) |
hsl(217,55%,61%) |
#5180cd |
rgb(81,128,205) |
hsl(217,55%,56%) |
#3d72c7 |
rgb(61,114,199) |
hsl(217,55%,51%) |
#3566b6 |
rgb(53,102,182) |
hsl(217,55%,46%) |
#2f5ba2 |
rgb(47,91,162) |
hsl(217,55%,41%) |
#29508e |
rgb(41,80,142) |
hsl(217,55%,36%) |
#24457b |
rgb(36,69,123) |
hsl(217,55%,31%) |
#1e3a67 |
rgb(30,58,103) |
hsl(217,55%,26%) |
#182f53 |
rgb(24,47,83) |
hsl(217,55%,21%) |
#12243f |
rgb(18,36,63) |
hsl(217,55%,16%) |
#0d182b |
rgb(13,24,43) |
hsl(217,55%,11%) |
#070d18 |
rgb(7,13,24) |
hsl(217,55%,6%) |
#010204 |
rgb(1,2,4) |
hsl(217,55%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CC7C0 |
rgb(60,199,192) |
hsl(177,55%,51%) |
#3C70C6 |
rgb(60,112,198) |
hsl(217,55%,51%) |
#643DC6 |
rgb(100,61,198) |
hsl(257,55%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7B9ED8 |
rgb(123,158,216) |
hsl(217,54%,66%) |
#5B87CF |
rgb(91,135,207) |
hsl(217,55%,58%) |
#3C70C6 |
rgb(60,112,198) |
hsl(217,55%,51%) |
#315EA7 |
rgb(49,94,167) |
hsl(217,55%,42%) |
#274D87 |
rgb(39,77,135) |
hsl(216,55%,34%) |
#1E3B67 |
rgb(30,59,103) |
hsl(216,55%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C70C6 |
rgb(60,112,198) |
hsl(217,55%,51%) |
#C64D3C |
rgb(198,77,60) |
hsl(7,55%,51%) |
#B5C73C |
rgb(181,199,60) |
hsl(68,55%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C70C6 |
rgb(60,112,198) |
hsl(217,55%,51%) |
#C6913C |
rgb(198,145,60) |
hsl(37,55%,51%) |
#3CB5C6 |
rgb(60,181,198) |
hsl(187,55%,51%) |
#B5C73C |
rgb(181,199,60) |
hsl(68,55%,51%) |