HEX #3A5EC7 color — Indigo
The color #3A5EC7 is a dark shade and moderately saturated.
Palette
3A5EC7 color palette from light to dark
HEX |
RGB |
HSL |
#ebeff9 |
rgb(235,239,249) |
hsl(225,56%,95%) |
#d7def4 |
rgb(215,222,244) |
hsl(225,56%,90%) |
#c3ceee |
rgb(195,206,238) |
hsl(225,56%,85%) |
#afbee9 |
rgb(175,190,233) |
hsl(225,56%,80%) |
#9cade3 |
rgb(156,173,227) |
hsl(225,56%,75%) |
#889ddd |
rgb(136,157,221) |
hsl(225,56%,70%) |
#748dd8 |
rgb(116,141,216) |
hsl(225,56%,65%) |
#607cd2 |
rgb(96,124,210) |
hsl(225,56%,60%) |
#4c6ccd |
rgb(76,108,205) |
hsl(225,56%,55%) |
#385cc7 |
rgb(56,92,199) |
hsl(225,56%,50%) |
#3253b3 |
rgb(50,83,179) |
hsl(225,56%,45%) |
#2d499f |
rgb(45,73,159) |
hsl(225,56%,40%) |
#27408b |
rgb(39,64,139) |
hsl(225,56%,35%) |
#223777 |
rgb(34,55,119) |
hsl(225,56%,30%) |
#1c2e63 |
rgb(28,46,99) |
hsl(225,56%,25%) |
#162550 |
rgb(22,37,80) |
hsl(225,56%,20%) |
#111c3c |
rgb(17,28,60) |
hsl(225,56%,15%) |
#0b1228 |
rgb(11,18,40) |
hsl(225,56%,10%) |
#060914 |
rgb(6,9,20) |
hsl(225,56%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ABDC7 |
rgb(58,189,199) |
hsl(184,56%,50%) |
#3A5EC7 |
rgb(58,94,199) |
hsl(225,56%,50%) |
#743BC7 |
rgb(116,59,199) |
hsl(264,56%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7A91D9 |
rgb(122,145,217) |
hsl(225,56%,66%) |
#5A78D0 |
rgb(90,120,208) |
hsl(225,56%,58%) |
#3A5EC7 |
rgb(58,94,199) |
hsl(225,56%,50%) |
#2F4FA8 |
rgb(47,79,168) |
hsl(224,56%,42%) |
#264088 |
rgb(38,64,136) |
hsl(224,56%,34%) |
#1D3068 |
rgb(29,48,104) |
hsl(225,56%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5EC7 |
rgb(58,94,199) |
hsl(225,56%,50%) |
#C75C3A |
rgb(199,92,58) |
hsl(14,56%,50%) |
#A4C73A |
rgb(164,199,58) |
hsl(75,56%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5EC7 |
rgb(58,94,199) |
hsl(225,56%,50%) |
#C7A33A |
rgb(199,163,58) |
hsl(45,56%,50%) |
#3AA6C7 |
rgb(58,166,199) |
hsl(194,56%,50%) |
#A4C73A |
rgb(164,199,58) |
hsl(75,56%,50%) |