HEX #4178C6 color — Indigo
The color #4178C6 is a dark shade and moderately saturated.
Palette
4178C6 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fb |
rgb(243,247,251) |
hsl(215,54%,97%) |
#e0e9f6 |
rgb(224,233,246) |
hsl(215,54%,92%) |
#ccdbf0 |
rgb(204,219,240) |
hsl(215,54%,87%) |
#b8cdea |
rgb(184,205,234) |
hsl(215,54%,82%) |
#a5bfe4 |
rgb(165,191,228) |
hsl(215,54%,77%) |
#91b1de |
rgb(145,177,222) |
hsl(215,54%,72%) |
#7da3d8 |
rgb(125,163,216) |
hsl(215,54%,67%) |
#6a95d2 |
rgb(106,149,210) |
hsl(215,54%,62%) |
#5687cd |
rgb(86,135,205) |
hsl(215,54%,57%) |
#437ac7 |
rgb(67,122,199) |
hsl(215,54%,52%) |
#376db9 |
rgb(55,109,185) |
hsl(215,54%,47%) |
#3161a5 |
rgb(49,97,165) |
hsl(215,54%,42%) |
#2b5691 |
rgb(43,86,145) |
hsl(215,54%,37%) |
#264a7e |
rgb(38,74,126) |
hsl(215,54%,32%) |
#203f6a |
rgb(32,63,106) |
hsl(215,54%,27%) |
#1a3356 |
rgb(26,51,86) |
hsl(215,54%,22%) |
#142743 |
rgb(20,39,67) |
hsl(215,54%,17%) |
#0e1c2f |
rgb(14,28,47) |
hsl(215,54%,12%) |
#08101b |
rgb(8,16,27) |
hsl(215,54%,7%) |
#020508 |
rgb(2,5,8) |
hsl(215,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#41C7BB |
rgb(65,199,187) |
hsl(175,54%,52%) |
#4178C6 |
rgb(65,120,198) |
hsl(215,54%,52%) |
#6240C6 |
rgb(98,64,198) |
hsl(255,54%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#81A6D9 |
rgb(129,166,217) |
hsl(215,54%,68%) |
#618FCF |
rgb(97,143,207) |
hsl(215,53%,60%) |
#4178C6 |
rgb(65,120,198) |
hsl(215,54%,52%) |
#3263A9 |
rgb(50,99,169) |
hsl(215,54%,43%) |
#295289 |
rgb(41,82,137) |
hsl(214,54%,35%) |
#1F3D69 |
rgb(31,61,105) |
hsl(216,54%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4178C6 |
rgb(65,120,198) |
hsl(215,54%,52%) |
#C64D41 |
rgb(198,77,65) |
hsl(5,54%,52%) |
#BAC741 |
rgb(186,199,65) |
hsl(66,54%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4178C6 |
rgb(65,120,198) |
hsl(215,54%,52%) |
#C68F41 |
rgb(198,143,65) |
hsl(35,54%,52%) |
#41BAC6 |
rgb(65,186,198) |
hsl(185,54%,52%) |
#BAC741 |
rgb(186,199,65) |
hsl(66,54%,52%) |