HEX #3D57B7 color — Indigo
The color #3D57B7 is a dark shade and moderately saturated.
Palette
3D57B7 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fc |
rgb(247,248,252) |
hsl(227,50%,98%) |
#e4e8f6 |
rgb(228,232,246) |
hsl(227,50%,93%) |
#d1d8f0 |
rgb(209,216,240) |
hsl(227,50%,88%) |
#bec7e9 |
rgb(190,199,233) |
hsl(227,50%,83%) |
#abb7e3 |
rgb(171,183,227) |
hsl(227,50%,78%) |
#98a7dd |
rgb(152,167,221) |
hsl(227,50%,73%) |
#8596d6 |
rgb(133,150,214) |
hsl(227,50%,68%) |
#7186d0 |
rgb(113,134,208) |
hsl(227,50%,63%) |
#5e76c9 |
rgb(94,118,201) |
hsl(227,50%,58%) |
#4b65c3 |
rgb(75,101,195) |
hsl(227,50%,53%) |
#3d58b8 |
rgb(61,88,184) |
hsl(227,50%,48%) |
#374fa4 |
rgb(55,79,164) |
hsl(227,50%,43%) |
#304591 |
rgb(48,69,145) |
hsl(227,50%,38%) |
#2a3c7e |
rgb(42,60,126) |
hsl(227,50%,33%) |
#24336b |
rgb(36,51,107) |
hsl(227,50%,28%) |
#1d2a58 |
rgb(29,42,88) |
hsl(227,50%,23%) |
#172145 |
rgb(23,33,69) |
hsl(227,50%,18%) |
#111832 |
rgb(17,24,50) |
hsl(227,50%,13%) |
#0a0f1f |
rgb(10,15,31) |
hsl(227,50%,8%) |
#04050b |
rgb(4,5,11) |
hsl(227,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DA8B7 |
rgb(61,168,183) |
hsl(187,50%,48%) |
#3D57B7 |
rgb(61,87,183) |
hsl(227,50%,48%) |
#743DB7 |
rgb(116,61,183) |
hsl(267,50%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7287D0 |
rgb(114,135,208) |
hsl(227,50%,63%) |
#546EC6 |
rgb(84,110,198) |
hsl(226,50%,55%) |
#3D57B7 |
rgb(61,87,183) |
hsl(227,50%,48%) |
#334A99 |
rgb(51,74,153) |
hsl(226,50%,40%) |
#293B7C |
rgb(41,59,124) |
hsl(227,50%,32%) |
#1F2E5F |
rgb(31,46,95) |
hsl(226,51%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D57B7 |
rgb(61,87,183) |
hsl(227,50%,48%) |
#B7613D |
rgb(183,97,61) |
hsl(18,50%,48%) |
#94B83D |
rgb(148,184,61) |
hsl(78,50%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D57B7 |
rgb(61,87,183) |
hsl(227,50%,48%) |
#B79E3D |
rgb(183,158,61) |
hsl(48,50%,48%) |
#3D94B7 |
rgb(61,148,183) |
hsl(197,50%,48%) |
#94B83D |
rgb(148,184,61) |
hsl(78,50%,48%) |