HEX #3C5CBC color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

3C5CBC color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(225,52%,99%)
#e8ecf8 rgb(232,236,248) hsl(225,52%,94%)
#d4dcf2 rgb(212,220,242) hsl(225,52%,89%)
#c1cceb rgb(193,204,235) hsl(225,52%,84%)
#aebce5 rgb(174,188,229) hsl(225,52%,79%)
#9aabdf rgb(154,171,223) hsl(225,52%,74%)
#879bd9 rgb(135,155,217) hsl(225,52%,69%)
#738bd3 rgb(115,139,211) hsl(225,52%,64%)
#607bcd rgb(96,123,205) hsl(225,52%,59%)
#4d6bc7 rgb(77,107,199) hsl(225,52%,54%)
#3c5cbe rgb(60,92,190) hsl(225,52%,49%)
#3653ab rgb(54,83,171) hsl(225,52%,44%)
#304a97 rgb(48,74,151) hsl(225,52%,39%)
#2a4084 rgb(42,64,132) hsl(225,52%,34%)
#233770 rgb(35,55,112) hsl(225,52%,29%)
#1d2d5d rgb(29,45,93) hsl(225,52%,24%)
#17244a rgb(23,36,74) hsl(225,52%,19%)
#111a36 rgb(17,26,54) hsl(225,52%,14%)
#0b1123 rgb(11,17,35) hsl(225,52%,9%)
#050810 rgb(5,8,16) hsl(225,52%,4%)

Adjacent colors

HEX RGB HSL
#3CB3BC rgb(60,179,188) hsl(184,52%,49%)
#3C5CBC rgb(60,92,188) hsl(225,52%,49%)
#713DBC rgb(113,61,188) hsl(265,51%,49%)

Monochromatic colors

HEX RGB HSL
#748CD2 rgb(116,140,210) hsl(225,51%,64%)
#5673C9 rgb(86,115,201) hsl(225,52%,56%)
#3C5CBC rgb(60,92,188) hsl(225,52%,49%)
#324D9D rgb(50,77,157) hsl(225,52%,41%)
#28407F rgb(40,64,127) hsl(223,52%,33%)
#1F3061 rgb(31,48,97) hsl(225,52%,25%)

Triad color palettes

HEX RGB HSL
#3C5CBC rgb(60,92,188) hsl(225,52%,49%)
#BC5C3C rgb(188,92,60) hsl(15,52%,49%)
#9CBD3C rgb(156,189,60) hsl(75,52%,49%)

Tetrad color palettes

HEX RGB HSL
#3C5CBC rgb(60,92,188) hsl(225,52%,49%)
#BC9C3C rgb(188,156,60) hsl(45,52%,49%)
#3C9CBC rgb(60,156,188) hsl(195,52%,49%)
#9CBD3C rgb(156,189,60) hsl(75,52%,49%)