HEX #5457D2 color — Indigo
The color #5457D2 is a dark shade and moderately saturated.
Palette
5457D2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f7fd |
rgb(247,247,253) |
hsl(239,58%,98%) |
#e3e3f8 |
rgb(227,227,248) |
hsl(239,58%,93%) |
#cfcff2 |
rgb(207,207,242) |
hsl(239,58%,88%) |
#bbbbed |
rgb(187,187,237) |
hsl(239,58%,83%) |
#a6a7e7 |
rgb(166,167,231) |
hsl(239,58%,78%) |
#9294e2 |
rgb(146,148,226) |
hsl(239,58%,73%) |
#7e80dd |
rgb(126,128,221) |
hsl(239,58%,68%) |
#6a6cd7 |
rgb(106,108,215) |
hsl(239,58%,63%) |
#5658d2 |
rgb(86,88,210) |
hsl(239,58%,58%) |
#4244cd |
rgb(66,68,205) |
hsl(239,58%,53%) |
#3336c1 |
rgb(51,54,193) |
hsl(239,58%,48%) |
#2e30ad |
rgb(46,48,173) |
hsl(239,58%,43%) |
#292b99 |
rgb(41,43,153) |
hsl(239,58%,38%) |
#232585 |
rgb(35,37,133) |
hsl(239,58%,33%) |
#1e1f71 |
rgb(30,31,113) |
hsl(239,58%,28%) |
#191a5d |
rgb(25,26,93) |
hsl(239,58%,23%) |
#131449 |
rgb(19,20,73) |
hsl(239,58%,18%) |
#0e0f34 |
rgb(14,15,52) |
hsl(239,58%,13%) |
#090920 |
rgb(9,9,32) |
hsl(239,58%,8%) |
#03030c |
rgb(3,3,12) |
hsl(239,58%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#54ABD2 |
rgb(84,171,210) |
hsl(199,58%,58%) |
#5457D2 |
rgb(84,87,210) |
hsl(239,58%,58%) |
#A554D2 |
rgb(165,84,210) |
hsl(279,58%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9EA1E5 |
rgb(158,161,229) |
hsl(237,58%,76%) |
#797ADB |
rgb(121,122,219) |
hsl(239,58%,67%) |
#5457D2 |
rgb(84,87,210) |
hsl(239,58%,58%) |
#3338C3 |
rgb(51,56,195) |
hsl(238,59%,48%) |
#292B9E |
rgb(41,43,158) |
hsl(239,59%,39%) |
#1F2179 |
rgb(31,33,121) |
hsl(239,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5457D2 |
rgb(84,87,210) |
hsl(239,58%,58%) |
#D28F54 |
rgb(210,143,84) |
hsl(28,58%,58%) |
#96D154 |
rgb(150,209,84) |
hsl(88,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5457D2 |
rgb(84,87,210) |
hsl(239,58%,58%) |
#D2CF54 |
rgb(210,207,84) |
hsl(59,58%,58%) |
#5496D2 |
rgb(84,150,210) |
hsl(209,58%,58%) |
#96D154 |
rgb(150,209,84) |
hsl(88,58%,57%) |