HEX #4A78C5 color — Indigo
The color #4A78C5 is a dark shade and moderately saturated.
Palette
4A78C5 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(218,51%,98%) |
#e4ebf6 |
rgb(228,235,246) |
hsl(218,51%,93%) |
#d1dcf0 |
rgb(209,220,240) |
hsl(218,51%,88%) |
#beceea |
rgb(190,206,234) |
hsl(218,51%,83%) |
#aabfe4 |
rgb(170,191,228) |
hsl(218,51%,78%) |
#97b1dd |
rgb(151,177,221) |
hsl(218,51%,73%) |
#84a2d7 |
rgb(132,162,215) |
hsl(218,51%,68%) |
#7194d1 |
rgb(113,148,209) |
hsl(218,51%,63%) |
#5d85cb |
rgb(93,133,203) |
hsl(218,51%,58%) |
#4a77c4 |
rgb(74,119,196) |
hsl(218,51%,53%) |
#3c6ab9 |
rgb(60,106,185) |
hsl(218,51%,48%) |
#365fa6 |
rgb(54,95,166) |
hsl(218,51%,43%) |
#2f5492 |
rgb(47,84,146) |
hsl(218,51%,38%) |
#29497f |
rgb(41,73,127) |
hsl(218,51%,33%) |
#233e6c |
rgb(35,62,108) |
hsl(218,51%,28%) |
#1d3359 |
rgb(29,51,89) |
hsl(218,51%,23%) |
#162845 |
rgb(22,40,69) |
hsl(218,51%,18%) |
#101d32 |
rgb(16,29,50) |
hsl(218,51%,13%) |
#0a121f |
rgb(10,18,31) |
hsl(218,51%,8%) |
#04070c |
rgb(4,7,12) |
hsl(218,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#4AC4C0 |
rgb(74,196,192) |
hsl(178,51%,53%) |
#4A78C5 |
rgb(74,120,197) |
hsl(218,51%,53%) |
#6E4AC5 |
rgb(110,74,197) |
hsl(258,51%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BA8DA |
rgb(139,168,218) |
hsl(218,52%,70%) |
#6A91CF |
rgb(106,145,207) |
hsl(217,51%,61%) |
#4A78C5 |
rgb(74,120,197) |
hsl(218,51%,53%) |
#3763AC |
rgb(55,99,172) |
hsl(217,52%,45%) |
#2C4F8B |
rgb(44,79,139) |
hsl(218,52%,36%) |
#223D6A |
rgb(34,61,106) |
hsl(218,51%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4A78C5 |
rgb(74,120,197) |
hsl(218,51%,53%) |
#C5594A |
rgb(197,89,74) |
hsl(7,51%,53%) |
#B5C44A |
rgb(181,196,74) |
hsl(67,51%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4A78C5 |
rgb(74,120,197) |
hsl(218,51%,53%) |
#C5964A |
rgb(197,150,74) |
hsl(37,51%,53%) |
#4AB5C5 |
rgb(74,181,197) |
hsl(188,51%,53%) |
#B5C44A |
rgb(181,196,74) |
hsl(67,51%,53%) |