HEX #3A6BBB color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

3A6BBB color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(217,53%,98%)
#e4ebf7 rgb(228,235,247) hsl(217,53%,93%)
#d0ddf1 rgb(208,221,241) hsl(217,53%,88%)
#bdceeb rgb(189,206,235) hsl(217,53%,83%)
#a9c0e5 rgb(169,192,229) hsl(217,53%,78%)
#96b2df rgb(150,178,223) hsl(217,53%,73%)
#82a3d9 rgb(130,163,217) hsl(217,53%,68%)
#6f95d3 rgb(111,149,211) hsl(217,53%,63%)
#5b87cd rgb(91,135,205) hsl(217,53%,58%)
#4878c7 rgb(72,120,199) hsl(217,53%,53%)
#3a6bbb rgb(58,107,187) hsl(217,53%,48%)
#3460a8 rgb(52,96,168) hsl(217,53%,43%)
#2e5594 rgb(46,85,148) hsl(217,53%,38%)
#284a81 rgb(40,74,129) hsl(217,53%,33%)
#223f6d rgb(34,63,109) hsl(217,53%,28%)
#1c335a rgb(28,51,90) hsl(217,53%,23%)
#162846 rgb(22,40,70) hsl(217,53%,18%)
#101d33 rgb(16,29,51) hsl(217,53%,13%)
#0a121f rgb(10,18,31) hsl(217,53%,8%)
#04070c rgb(4,7,12) hsl(217,53%,3%)

Adjacent colors

HEX RGB HSL
#3ABAB5 rgb(58,186,181) hsl(178,52%,48%)
#3A6BBB rgb(58,107,187) hsl(217,53%,48%)
#5F3BBB rgb(95,59,187) hsl(257,52%,48%)

Monochromatic colors

HEX RGB HSL
#7096D2 rgb(112,150,210) hsl(217,52%,63%)
#5280C9 rgb(82,128,201) hsl(217,52%,55%)
#3A6BBB rgb(58,107,187) hsl(217,53%,48%)
#30599D rgb(48,89,157) hsl(217,53%,40%)
#274A7F rgb(39,74,127) hsl(216,53%,33%)
#1E3861 rgb(30,56,97) hsl(217,53%,25%)

Triad color palettes

HEX RGB HSL
#3A6BBB rgb(58,107,187) hsl(217,53%,48%)
#BB4A3A rgb(187,74,58) hsl(7,53%,48%)
#ABBA3A rgb(171,186,58) hsl(67,52%,48%)

Tetrad color palettes

HEX RGB HSL
#3A6BBB rgb(58,107,187) hsl(217,53%,48%)
#BB8A3A rgb(187,138,58) hsl(37,53%,48%)
#3AABBB rgb(58,171,187) hsl(187,53%,48%)
#ABBA3A rgb(171,186,58) hsl(67,52%,48%)