HEX #3A57C7 color — Indigo
The color #3A57C7 is a dark shade and moderately saturated.
Palette
3A57C7 color palette from light to dark
HEX |
RGB |
HSL |
#ebeef9 |
rgb(235,238,249) |
hsl(228,56%,95%) |
#d7ddf4 |
rgb(215,221,244) |
hsl(228,56%,90%) |
#c3ccee |
rgb(195,204,238) |
hsl(228,56%,85%) |
#afbbe9 |
rgb(175,187,233) |
hsl(228,56%,80%) |
#9caae3 |
rgb(156,170,227) |
hsl(228,56%,75%) |
#8899dd |
rgb(136,153,221) |
hsl(228,56%,70%) |
#7488d8 |
rgb(116,136,216) |
hsl(228,56%,65%) |
#6077d2 |
rgb(96,119,210) |
hsl(228,56%,60%) |
#4c66cd |
rgb(76,102,205) |
hsl(228,56%,55%) |
#3855c7 |
rgb(56,85,199) |
hsl(228,56%,50%) |
#324cb3 |
rgb(50,76,179) |
hsl(228,56%,45%) |
#2d449f |
rgb(45,68,159) |
hsl(228,56%,40%) |
#273b8b |
rgb(39,59,139) |
hsl(228,56%,35%) |
#223377 |
rgb(34,51,119) |
hsl(228,56%,30%) |
#1c2a63 |
rgb(28,42,99) |
hsl(228,56%,25%) |
#162250 |
rgb(22,34,80) |
hsl(228,56%,20%) |
#11193c |
rgb(17,25,60) |
hsl(228,56%,15%) |
#0b1128 |
rgb(11,17,40) |
hsl(228,56%,10%) |
#060814 |
rgb(6,8,20) |
hsl(228,56%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AB5C7 |
rgb(58,181,199) |
hsl(188,56%,50%) |
#3A57C7 |
rgb(58,87,199) |
hsl(228,56%,50%) |
#7B3BC7 |
rgb(123,59,199) |
hsl(267,56%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7A8FD9 |
rgb(122,143,217) |
hsl(227,56%,66%) |
#5A73D0 |
rgb(90,115,208) |
hsl(227,56%,58%) |
#3A57C7 |
rgb(58,87,199) |
hsl(228,56%,50%) |
#2F47A8 |
rgb(47,71,168) |
hsl(228,56%,42%) |
#263B88 |
rgb(38,59,136) |
hsl(227,56%,34%) |
#1D2E68 |
rgb(29,46,104) |
hsl(226,56%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A57C7 |
rgb(58,87,199) |
hsl(228,56%,50%) |
#C7633A |
rgb(199,99,58) |
hsl(17,56%,50%) |
#9DC73A |
rgb(157,199,58) |
hsl(78,56%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A57C7 |
rgb(58,87,199) |
hsl(228,56%,50%) |
#C7AB3A |
rgb(199,171,58) |
hsl(48,56%,50%) |
#3A9EC7 |
rgb(58,158,199) |
hsl(197,56%,50%) |
#9DC73A |
rgb(157,199,58) |
hsl(78,56%,50%) |