HEX #3C57B9 color — Indigo
The color #3C57B9 is a dark shade and moderately saturated.
Palette
3C57B9 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(227,51%,98%) |
#e4e8f6 |
rgb(228,232,246) |
hsl(227,51%,93%) |
#d1d8f0 |
rgb(209,216,240) |
hsl(227,51%,88%) |
#bec7ea |
rgb(190,199,234) |
hsl(227,51%,83%) |
#aab7e4 |
rgb(170,183,228) |
hsl(227,51%,78%) |
#97a6dd |
rgb(151,166,221) |
hsl(227,51%,73%) |
#8496d7 |
rgb(132,150,215) |
hsl(227,51%,68%) |
#7185d1 |
rgb(113,133,209) |
hsl(227,51%,63%) |
#5d75cb |
rgb(93,117,203) |
hsl(227,51%,58%) |
#4a65c4 |
rgb(74,101,196) |
hsl(227,51%,53%) |
#3c57b9 |
rgb(60,87,185) |
hsl(227,51%,48%) |
#364ea6 |
rgb(54,78,166) |
hsl(227,51%,43%) |
#2f4592 |
rgb(47,69,146) |
hsl(227,51%,38%) |
#293c7f |
rgb(41,60,127) |
hsl(227,51%,33%) |
#23336c |
rgb(35,51,108) |
hsl(227,51%,28%) |
#1d2a59 |
rgb(29,42,89) |
hsl(227,51%,23%) |
#162145 |
rgb(22,33,69) |
hsl(227,51%,18%) |
#101832 |
rgb(16,24,50) |
hsl(227,51%,13%) |
#0a0f1f |
rgb(10,15,31) |
hsl(227,51%,8%) |
#04050c |
rgb(4,5,12) |
hsl(227,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CABB9 |
rgb(60,171,185) |
hsl(187,51%,48%) |
#3C57B9 |
rgb(60,87,185) |
hsl(227,51%,48%) |
#743DB9 |
rgb(116,61,185) |
hsl(267,50%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7287D1 |
rgb(114,135,209) |
hsl(227,51%,63%) |
#546EC7 |
rgb(84,110,199) |
hsl(226,51%,55%) |
#3C57B9 |
rgb(60,87,185) |
hsl(227,51%,48%) |
#324A9B |
rgb(50,74,155) |
hsl(226,51%,40%) |
#283B7D |
rgb(40,59,125) |
hsl(227,52%,32%) |
#1F2E60 |
rgb(31,46,96) |
hsl(226,51%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C57B9 |
rgb(60,87,185) |
hsl(227,51%,48%) |
#B95E3C |
rgb(185,94,60) |
hsl(16,51%,48%) |
#95BA3C |
rgb(149,186,60) |
hsl(78,51%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C57B9 |
rgb(60,87,185) |
hsl(227,51%,48%) |
#B99E3C |
rgb(185,158,60) |
hsl(47,51%,48%) |
#3C96B9 |
rgb(60,150,185) |
hsl(197,51%,48%) |
#95BA3C |
rgb(149,186,60) |
hsl(78,51%,48%) |