HEX #4170C6 color — Indigo
The color #4170C6 is a dark shade and moderately saturated.
Palette
4170C6 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(219,54%,97%) |
#e0e7f6 |
rgb(224,231,246) |
hsl(219,54%,92%) |
#ccd8f0 |
rgb(204,216,240) |
hsl(219,54%,87%) |
#b8caea |
rgb(184,202,234) |
hsl(219,54%,82%) |
#a5bbe4 |
rgb(165,187,228) |
hsl(219,54%,77%) |
#91acde |
rgb(145,172,222) |
hsl(219,54%,72%) |
#7d9dd8 |
rgb(125,157,216) |
hsl(219,54%,67%) |
#6a8ed2 |
rgb(106,142,210) |
hsl(219,54%,62%) |
#5680cd |
rgb(86,128,205) |
hsl(219,54%,57%) |
#4371c7 |
rgb(67,113,199) |
hsl(219,54%,52%) |
#3764b9 |
rgb(55,100,185) |
hsl(219,54%,47%) |
#315aa5 |
rgb(49,90,165) |
hsl(219,54%,42%) |
#2b4f91 |
rgb(43,79,145) |
hsl(219,54%,37%) |
#26447e |
rgb(38,68,126) |
hsl(219,54%,32%) |
#203a6a |
rgb(32,58,106) |
hsl(219,54%,27%) |
#1a2f56 |
rgb(26,47,86) |
hsl(219,54%,22%) |
#142443 |
rgb(20,36,67) |
hsl(219,54%,17%) |
#0e1a2f |
rgb(14,26,47) |
hsl(219,54%,12%) |
#080f1b |
rgb(8,15,27) |
hsl(219,54%,7%) |
#020408 |
rgb(2,4,8) |
hsl(219,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#41C7C3 |
rgb(65,199,195) |
hsl(178,54%,52%) |
#4170C6 |
rgb(65,112,198) |
hsl(219,54%,52%) |
#6A40C6 |
rgb(106,64,198) |
hsl(259,54%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#81A1D9 |
rgb(129,161,217) |
hsl(218,54%,68%) |
#6187CF |
rgb(97,135,207) |
hsl(219,53%,60%) |
#4170C6 |
rgb(65,112,198) |
hsl(219,54%,52%) |
#325CA9 |
rgb(50,92,169) |
hsl(219,54%,43%) |
#294D89 |
rgb(41,77,137) |
hsl(218,54%,35%) |
#1F3B69 |
rgb(31,59,105) |
hsl(217,54%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4170C6 |
rgb(65,112,198) |
hsl(219,54%,52%) |
#C65441 |
rgb(198,84,65) |
hsl(9,54%,52%) |
#B2C741 |
rgb(178,199,65) |
hsl(69,54%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4170C6 |
rgb(65,112,198) |
hsl(219,54%,52%) |
#C69641 |
rgb(198,150,65) |
hsl(38,54%,52%) |
#41B3C6 |
rgb(65,179,198) |
hsl(189,54%,52%) |
#B2C741 |
rgb(178,199,65) |
hsl(69,54%,52%) |