HEX #3C55B9 color — Indigo
The color #3c55b9 is a dark shade and moderately saturated.
Palette
3c55b9 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(228,51%,98%) |
#e4e8f6 |
rgb(228,232,246) |
hsl(228,51%,93%) |
#d1d7f0 |
rgb(209,215,240) |
hsl(228,51%,88%) |
#bec6ea |
rgb(190,198,234) |
hsl(228,51%,83%) |
#aab6e4 |
rgb(170,182,228) |
hsl(228,51%,78%) |
#97a5dd |
rgb(151,165,221) |
hsl(228,51%,73%) |
#8494d7 |
rgb(132,148,215) |
hsl(228,51%,68%) |
#7184d1 |
rgb(113,132,209) |
hsl(228,51%,63%) |
#5d73cb |
rgb(93,115,203) |
hsl(228,51%,58%) |
#4a62c4 |
rgb(74,98,196) |
hsl(228,51%,53%) |
#3c55b9 |
rgb(60,85,185) |
hsl(228,51%,48%) |
#364ca6 |
rgb(54,76,166) |
hsl(228,51%,43%) |
#2f4392 |
rgb(47,67,146) |
hsl(228,51%,38%) |
#293a7f |
rgb(41,58,127) |
hsl(228,51%,33%) |
#23326c |
rgb(35,50,108) |
hsl(228,51%,28%) |
#1d2959 |
rgb(29,41,89) |
hsl(228,51%,23%) |
#162045 |
rgb(22,32,69) |
hsl(228,51%,18%) |
#101732 |
rgb(16,23,50) |
hsl(228,51%,13%) |
#0a0e1f |
rgb(10,14,31) |
hsl(228,51%,8%) |
#04050c |
rgb(4,5,12) |
hsl(228,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CA8B9 |
rgb(60,168,185) |
hsl(188,51%,48%) |
#3C55B9 |
rgb(60,85,185) |
hsl(228,51%,48%) |
#763DB9 |
rgb(118,61,185) |
hsl(268,50%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7285D1 |
rgb(114,133,209) |
hsl(228,51%,63%) |
#546BC7 |
rgb(84,107,199) |
hsl(228,51%,55%) |
#3C55B9 |
rgb(60,85,185) |
hsl(228,51%,48%) |
#32479B |
rgb(50,71,155) |
hsl(228,51%,40%) |
#283B7D |
rgb(40,59,125) |
hsl(227,52%,32%) |
#1F2B60 |
rgb(31,43,96) |
hsl(229,51%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C55B9 |
rgb(60,85,185) |
hsl(228,51%,48%) |
#B9613C |
rgb(185,97,60) |
hsl(18,51%,48%) |
#93BA3C |
rgb(147,186,60) |
hsl(79,51%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C55B9 |
rgb(60,85,185) |
hsl(228,51%,48%) |
#B9A13C |
rgb(185,161,60) |
hsl(48,51%,48%) |
#3C94B9 |
rgb(60,148,185) |
hsl(198,51%,48%) |
#93BA3C |
rgb(147,186,60) |
hsl(79,51%,48%) |