HEX #5470D2 color — Indigo
The color #5470D2 is a dark shade and moderately saturated.
Palette
5470D2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(227,58%,98%) |
#e3e7f8 |
rgb(227,231,248) |
hsl(227,58%,93%) |
#cfd6f2 |
rgb(207,214,242) |
hsl(227,58%,88%) |
#bbc5ed |
rgb(187,197,237) |
hsl(227,58%,83%) |
#a6b4e7 |
rgb(166,180,231) |
hsl(227,58%,78%) |
#92a4e2 |
rgb(146,164,226) |
hsl(227,58%,73%) |
#7e93dd |
rgb(126,147,221) |
hsl(227,58%,68%) |
#6a82d7 |
rgb(106,130,215) |
hsl(227,58%,63%) |
#5671d2 |
rgb(86,113,210) |
hsl(227,58%,58%) |
#4260cd |
rgb(66,96,205) |
hsl(227,58%,53%) |
#3352c1 |
rgb(51,82,193) |
hsl(227,58%,48%) |
#2e4aad |
rgb(46,74,173) |
hsl(227,58%,43%) |
#294199 |
rgb(41,65,153) |
hsl(227,58%,38%) |
#233885 |
rgb(35,56,133) |
hsl(227,58%,33%) |
#1e3071 |
rgb(30,48,113) |
hsl(227,58%,28%) |
#19275d |
rgb(25,39,93) |
hsl(227,58%,23%) |
#131f49 |
rgb(19,31,73) |
hsl(227,58%,18%) |
#0e1634 |
rgb(14,22,52) |
hsl(227,58%,13%) |
#090e20 |
rgb(9,14,32) |
hsl(227,58%,8%) |
#03050c |
rgb(3,5,12) |
hsl(227,58%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#54C4D2 |
rgb(84,196,210) |
hsl(187,58%,58%) |
#5470D2 |
rgb(84,112,210) |
hsl(227,58%,58%) |
#8C54D2 |
rgb(140,84,210) |
hsl(267,58%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9EADE5 |
rgb(158,173,229) |
hsl(227,58%,76%) |
#798FDB |
rgb(121,143,219) |
hsl(227,58%,67%) |
#5470D2 |
rgb(84,112,210) |
hsl(227,58%,58%) |
#3354C3 |
rgb(51,84,195) |
hsl(226,59%,48%) |
#29429E |
rgb(41,66,158) |
hsl(227,59%,39%) |
#1F3379 |
rgb(31,51,121) |
hsl(227,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5470D2 |
rgb(84,112,210) |
hsl(227,58%,58%) |
#D27854 |
rgb(210,120,84) |
hsl(17,58%,58%) |
#AFD154 |
rgb(175,209,84) |
hsl(76,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5470D2 |
rgb(84,112,210) |
hsl(227,58%,58%) |
#D2B554 |
rgb(210,181,84) |
hsl(46,58%,58%) |
#54B0D2 |
rgb(84,176,210) |
hsl(196,58%,58%) |
#AFD154 |
rgb(175,209,84) |
hsl(76,58%,57%) |