HEX #3C6DC8 color — Indigo
The color #3c6dc8 is a dark shade and moderately saturated.
Palette
3c6dc8 color palette from light to dark
HEX |
RGB |
HSL |
#eff3fb |
rgb(239,243,251) |
hsl(219,56%,96%) |
#dbe4f5 |
rgb(219,228,245) |
hsl(219,56%,91%) |
#c7d5ef |
rgb(199,213,239) |
hsl(219,56%,86%) |
#b3c6ea |
rgb(179,198,234) |
hsl(219,56%,81%) |
#a0b8e4 |
rgb(160,184,228) |
hsl(219,56%,76%) |
#8ca9de |
rgb(140,169,222) |
hsl(219,56%,71%) |
#789ad9 |
rgb(120,154,217) |
hsl(219,56%,66%) |
#648bd3 |
rgb(100,139,211) |
hsl(219,56%,61%) |
#507cce |
rgb(80,124,206) |
hsl(219,56%,56%) |
#3c6dc8 |
rgb(60,109,200) |
hsl(219,56%,51%) |
#3462b7 |
rgb(52,98,183) |
hsl(219,56%,46%) |
#2e57a3 |
rgb(46,87,163) |
hsl(219,56%,41%) |
#284c8f |
rgb(40,76,143) |
hsl(219,56%,36%) |
#23427b |
rgb(35,66,123) |
hsl(219,56%,31%) |
#1d3767 |
rgb(29,55,103) |
hsl(219,56%,26%) |
#182d54 |
rgb(24,45,84) |
hsl(219,56%,21%) |
#122240 |
rgb(18,34,64) |
hsl(219,56%,16%) |
#0c172c |
rgb(12,23,44) |
hsl(219,56%,11%) |
#070d18 |
rgb(7,13,24) |
hsl(219,56%,6%) |
#010204 |
rgb(1,2,4) |
hsl(219,56%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CC7C5 |
rgb(60,199,197) |
hsl(179,55%,51%) |
#3C6DC8 |
rgb(60,109,200) |
hsl(219,56%,51%) |
#683DC8 |
rgb(104,61,200) |
hsl(259,56%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7C9EDA |
rgb(124,158,218) |
hsl(218,56%,67%) |
#5C85D1 |
rgb(92,133,209) |
hsl(219,56%,59%) |
#3C6DC8 |
rgb(60,109,200) |
hsl(219,56%,51%) |
#305CAA |
rgb(48,92,170) |
hsl(218,56%,43%) |
#264A89 |
rgb(38,74,137) |
hsl(218,57%,34%) |
#1D3869 |
rgb(29,56,105) |
hsl(219,57%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C6DC8 |
rgb(60,109,200) |
hsl(219,56%,51%) |
#C8523C |
rgb(200,82,60) |
hsl(9,56%,51%) |
#B3C73C |
rgb(179,199,60) |
hsl(69,55%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C6DC8 |
rgb(60,109,200) |
hsl(219,56%,51%) |
#C8963C |
rgb(200,150,60) |
hsl(39,56%,51%) |
#3CB3C8 |
rgb(60,179,200) |
hsl(189,56%,51%) |
#B3C73C |
rgb(179,199,60) |
hsl(69,55%,51%) |