HEX #3A5CBB color — Indigo

The color #3A5CBB is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3A5CBB color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(224,53%,98%)
#e4e9f7 rgb(228,233,247) hsl(224,53%,93%)
#d0d9f1 rgb(208,217,241) hsl(224,53%,88%)
#bdc9eb rgb(189,201,235) hsl(224,53%,83%)
#a9b9e5 rgb(169,185,229) hsl(224,53%,78%)
#96a9df rgb(150,169,223) hsl(224,53%,73%)
#8299d9 rgb(130,153,217) hsl(224,53%,68%)
#6f89d3 rgb(111,137,211) hsl(224,53%,63%)
#5b79cd rgb(91,121,205) hsl(224,53%,58%)
#486ac7 rgb(72,106,199) hsl(224,53%,53%)
#3a5cbb rgb(58,92,187) hsl(224,53%,48%)
#3453a8 rgb(52,83,168) hsl(224,53%,43%)
#2e4994 rgb(46,73,148) hsl(224,53%,38%)
#283f81 rgb(40,63,129) hsl(224,53%,33%)
#22366d rgb(34,54,109) hsl(224,53%,28%)
#1c2c5a rgb(28,44,90) hsl(224,53%,23%)
#162346 rgb(22,35,70) hsl(224,53%,18%)
#101933 rgb(16,25,51) hsl(224,53%,13%)
#0a0f1f rgb(10,15,31) hsl(224,53%,8%)
#04060c rgb(4,6,12) hsl(224,53%,3%)

Adjacent colors

HEX RGB HSL
#3AB3BB rgb(58,179,187) hsl(184,53%,48%)
#3A5CBB rgb(58,92,187) hsl(224,53%,48%)
#6E3BBB rgb(110,59,187) hsl(264,52%,48%)

Monochromatic colors

HEX RGB HSL
#708AD2 rgb(112,138,210) hsl(224,52%,63%)
#5273C9 rgb(82,115,201) hsl(223,52%,55%)
#3A5CBB rgb(58,92,187) hsl(224,53%,48%)
#304D9D rgb(48,77,157) hsl(224,53%,40%)
#27407F rgb(39,64,127) hsl(223,53%,33%)
#1E3061 rgb(30,48,97) hsl(224,53%,25%)

Triad color palettes

HEX RGB HSL
#3A5CBB rgb(58,92,187) hsl(224,53%,48%)
#BB593A rgb(187,89,58) hsl(14,53%,48%)
#9CBA3A rgb(156,186,58) hsl(74,52%,48%)

Tetrad color palettes

HEX RGB HSL
#3A5CBB rgb(58,92,187) hsl(224,53%,48%)
#BB993A rgb(187,153,58) hsl(44,53%,48%)
#3A9CBB rgb(58,156,187) hsl(194,53%,48%)
#9CBA3A rgb(156,186,58) hsl(74,52%,48%)