HEX #3A5CC2 color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

3A5CC2 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(225,54%,99%)
#e7ecf8 rgb(231,236,248) hsl(225,54%,94%)
#d4dbf2 rgb(212,219,242) hsl(225,54%,89%)
#c0cbec rgb(192,203,236) hsl(225,54%,84%)
#adbbe6 rgb(173,187,230) hsl(225,54%,79%)
#99abe1 rgb(153,171,225) hsl(225,54%,74%)
#859bdb rgb(133,155,219) hsl(225,54%,69%)
#728ad5 rgb(114,138,213) hsl(225,54%,64%)
#5e7acf rgb(94,122,207) hsl(225,54%,59%)
#4a6ac9 rgb(74,106,201) hsl(225,54%,54%)
#395bc0 rgb(57,91,192) hsl(225,54%,49%)
#3452ad rgb(52,82,173) hsl(225,54%,44%)
#2e4999 rgb(46,73,153) hsl(225,54%,39%)
#283f86 rgb(40,63,134) hsl(225,54%,34%)
#223672 rgb(34,54,114) hsl(225,54%,29%)
#1c2d5e rgb(28,45,94) hsl(225,54%,24%)
#16234b rgb(22,35,75) hsl(225,54%,19%)
#101a37 rgb(16,26,55) hsl(225,54%,14%)
#0b1123 rgb(11,17,35) hsl(225,54%,9%)
#050710 rgb(5,7,16) hsl(225,54%,4%)

Adjacent colors

HEX RGB HSL
#3AB8C2 rgb(58,184,194) hsl(184,54%,49%)
#3A5CC2 rgb(58,92,194) hsl(225,54%,49%)
#723BC2 rgb(114,59,194) hsl(264,53%,50%)

Monochromatic colors

HEX RGB HSL
#768FD6 rgb(118,143,214) hsl(224,54%,65%)
#5775CC rgb(87,117,204) hsl(225,53%,57%)
#3A5CC2 rgb(58,92,194) hsl(225,54%,49%)
#304DA2 rgb(48,77,162) hsl(225,54%,41%)
#274083 rgb(39,64,131) hsl(224,54%,33%)
#1E3064 rgb(30,48,100) hsl(225,54%,25%)

Triad color palettes

HEX RGB HSL
#3A5CC2 rgb(58,92,194) hsl(225,54%,49%)
#C25C3A rgb(194,92,58) hsl(15,54%,49%)
#A0C23A rgb(160,194,58) hsl(75,54%,49%)

Tetrad color palettes

HEX RGB HSL
#3A5CC2 rgb(58,92,194) hsl(225,54%,49%)
#C2A13A rgb(194,161,58) hsl(45,54%,49%)
#3AA1C2 rgb(58,161,194) hsl(195,54%,49%)
#A0C23A rgb(160,194,58) hsl(75,54%,49%)