HEX #3A57C5 color — Indigo
The color #3A57C5 is a dark shade and moderately saturated.
Palette
3A57C5 color palette from light to dark
HEX |
RGB |
HSL |
#ebeef9 |
rgb(235,238,249) |
hsl(227,55%,95%) |
#d7def4 |
rgb(215,222,244) |
hsl(227,55%,90%) |
#c4cdee |
rgb(196,205,238) |
hsl(227,55%,85%) |
#b0bce8 |
rgb(176,188,232) |
hsl(227,55%,80%) |
#9cabe2 |
rgb(156,171,226) |
hsl(227,55%,75%) |
#889bdd |
rgb(136,155,221) |
hsl(227,55%,70%) |
#758ad7 |
rgb(117,138,215) |
hsl(227,55%,65%) |
#6179d1 |
rgb(97,121,209) |
hsl(227,55%,60%) |
#4d68cb |
rgb(77,104,203) |
hsl(227,55%,55%) |
#3958c6 |
rgb(57,88,198) |
hsl(227,55%,50%) |
#344fb2 |
rgb(52,79,178) |
hsl(227,55%,45%) |
#2e469e |
rgb(46,70,158) |
hsl(227,55%,40%) |
#283d8a |
rgb(40,61,138) |
hsl(227,55%,35%) |
#223577 |
rgb(34,53,119) |
hsl(227,55%,30%) |
#1d2c63 |
rgb(29,44,99) |
hsl(227,55%,25%) |
#17234f |
rgb(23,35,79) |
hsl(227,55%,20%) |
#111a3b |
rgb(17,26,59) |
hsl(227,55%,15%) |
#0b1228 |
rgb(11,18,40) |
hsl(227,55%,10%) |
#060914 |
rgb(6,9,20) |
hsl(227,55%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AB3C5 |
rgb(58,179,197) |
hsl(188,55%,50%) |
#3A57C5 |
rgb(58,87,197) |
hsl(227,55%,50%) |
#793BC5 |
rgb(121,59,197) |
hsl(267,54%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#798CD7 |
rgb(121,140,215) |
hsl(228,54%,66%) |
#5973CE |
rgb(89,115,206) |
hsl(227,54%,58%) |
#3A57C5 |
rgb(58,87,197) |
hsl(227,55%,50%) |
#304AA5 |
rgb(48,74,165) |
hsl(227,55%,42%) |
#273B85 |
rgb(39,59,133) |
hsl(227,55%,34%) |
#1E2E66 |
rgb(30,46,102) |
hsl(227,55%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A57C5 |
rgb(58,87,197) |
hsl(227,55%,50%) |
#C5633A |
rgb(197,99,58) |
hsl(18,55%,50%) |
#9CC43A |
rgb(156,196,58) |
hsl(77,54%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A57C5 |
rgb(58,87,197) |
hsl(227,55%,50%) |
#C5A83A |
rgb(197,168,58) |
hsl(47,55%,50%) |
#3A9CC5 |
rgb(58,156,197) |
hsl(198,55%,50%) |
#9CC43A |
rgb(156,196,58) |
hsl(77,54%,50%) |