HEX #3C70C4 color — Indigo
The color #3C70C4 is a dark shade and moderately saturated.
Palette
3C70C4 color palette from light to dark
HEX |
RGB |
HSL |
#ebf1f9 |
rgb(235,241,249) |
hsl(217,54%,95%) |
#d8e2f3 |
rgb(216,226,243) |
hsl(217,54%,90%) |
#c4d4ed |
rgb(196,212,237) |
hsl(217,54%,85%) |
#b0c6e8 |
rgb(176,198,232) |
hsl(217,54%,80%) |
#9db7e2 |
rgb(157,183,226) |
hsl(217,54%,75%) |
#89a9dc |
rgb(137,169,220) |
hsl(217,54%,70%) |
#769bd6 |
rgb(118,155,214) |
hsl(217,54%,65%) |
#628cd0 |
rgb(98,140,208) |
hsl(217,54%,60%) |
#4e7eca |
rgb(78,126,202) |
hsl(217,54%,55%) |
#3b6fc4 |
rgb(59,111,196) |
hsl(217,54%,50%) |
#3564b1 |
rgb(53,100,177) |
hsl(217,54%,45%) |
#2f599d |
rgb(47,89,157) |
hsl(217,54%,40%) |
#294e89 |
rgb(41,78,137) |
hsl(217,54%,35%) |
#234376 |
rgb(35,67,118) |
hsl(217,54%,30%) |
#1d3862 |
rgb(29,56,98) |
hsl(217,54%,25%) |
#172d4f |
rgb(23,45,79) |
hsl(217,54%,20%) |
#12213b |
rgb(18,33,59) |
hsl(217,54%,15%) |
#0c1627 |
rgb(12,22,39) |
hsl(217,54%,10%) |
#060b14 |
rgb(6,11,20) |
hsl(217,54%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CC4BD |
rgb(60,196,189) |
hsl(177,54%,50%) |
#3C70C4 |
rgb(60,112,196) |
hsl(217,54%,50%) |
#623DC4 |
rgb(98,61,196) |
hsl(256,53%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7A9ED7 |
rgb(122,158,215) |
hsl(217,54%,66%) |
#5B87CD |
rgb(91,135,205) |
hsl(217,53%,58%) |
#3C70C4 |
rgb(60,112,196) |
hsl(217,54%,50%) |
#315EA5 |
rgb(49,94,165) |
hsl(217,54%,42%) |
#284D85 |
rgb(40,77,133) |
hsl(216,54%,34%) |
#1E3B66 |
rgb(30,59,102) |
hsl(216,55%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C70C4 |
rgb(60,112,196) |
hsl(217,54%,50%) |
#C44D3C |
rgb(196,77,60) |
hsl(8,54%,50%) |
#B4C43C |
rgb(180,196,60) |
hsl(67,54%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C70C4 |
rgb(60,112,196) |
hsl(217,54%,50%) |
#C48F3C |
rgb(196,143,60) |
hsl(37,54%,50%) |
#3CB5C4 |
rgb(60,181,196) |
hsl(187,54%,50%) |
#B4C43C |
rgb(180,196,60) |
hsl(67,54%,50%) |