HEX #3A57C3 color — Indigo
The color #3A57C3 is a dark shade and moderately saturated.
Palette
3A57C3 color palette from light to dark
HEX |
RGB |
HSL |
#ebeef9 |
rgb(235,238,249) |
hsl(227,54%,95%) |
#d8def3 |
rgb(216,222,243) |
hsl(227,54%,90%) |
#c4cded |
rgb(196,205,237) |
hsl(227,54%,85%) |
#b0bce8 |
rgb(176,188,232) |
hsl(227,54%,80%) |
#9dace2 |
rgb(157,172,226) |
hsl(227,54%,75%) |
#899bdc |
rgb(137,155,220) |
hsl(227,54%,70%) |
#768ad6 |
rgb(118,138,214) |
hsl(227,54%,65%) |
#627ad0 |
rgb(98,122,208) |
hsl(227,54%,60%) |
#4e69ca |
rgb(78,105,202) |
hsl(227,54%,55%) |
#3b58c4 |
rgb(59,88,196) |
hsl(227,54%,50%) |
#3550b1 |
rgb(53,80,177) |
hsl(227,54%,45%) |
#2f479d |
rgb(47,71,157) |
hsl(227,54%,40%) |
#293e89 |
rgb(41,62,137) |
hsl(227,54%,35%) |
#233576 |
rgb(35,53,118) |
hsl(227,54%,30%) |
#1d2c62 |
rgb(29,44,98) |
hsl(227,54%,25%) |
#17234f |
rgb(23,35,79) |
hsl(227,54%,20%) |
#121b3b |
rgb(18,27,59) |
hsl(227,54%,15%) |
#0c1227 |
rgb(12,18,39) |
hsl(227,54%,10%) |
#060914 |
rgb(6,9,20) |
hsl(227,54%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AB3C3 |
rgb(58,179,195) |
hsl(187,54%,50%) |
#3A57C3 |
rgb(58,87,195) |
hsl(227,54%,50%) |
#783BC3 |
rgb(120,59,195) |
hsl(267,54%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#778CD6 |
rgb(119,140,214) |
hsl(227,54%,65%) |
#5870CD |
rgb(88,112,205) |
hsl(228,54%,57%) |
#3A57C3 |
rgb(58,87,195) |
hsl(227,54%,50%) |
#304AA3 |
rgb(48,74,163) |
hsl(226,55%,41%) |
#273B84 |
rgb(39,59,132) |
hsl(227,54%,34%) |
#1E2E65 |
rgb(30,46,101) |
hsl(226,54%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A57C3 |
rgb(58,87,195) |
hsl(227,54%,50%) |
#C3613A |
rgb(195,97,58) |
hsl(17,54%,50%) |
#9BC23A |
rgb(155,194,58) |
hsl(77,54%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A57C3 |
rgb(58,87,195) |
hsl(227,54%,50%) |
#C3A63A |
rgb(195,166,58) |
hsl(47,54%,50%) |
#3A9CC3 |
rgb(58,156,195) |
hsl(197,54%,50%) |
#9BC23A |
rgb(155,194,58) |
hsl(77,54%,49%) |