HTML Color Codes - Hex Colors - Color Spectrum

Select a startcolor to create spectrum
Restart from the basic HTML colors (RED, GREEN, BLUE)
Restart from a color using the colorpicker.
Click on a color in the spectum grid to refine the spectrum
and find the complementary html colors

Colorpallet from #3A4C4F to #3A4F4C and to #4C3A4F
#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F
#3A4C4F#3A4C4F#3B4B4F#3B4B4F#3C4A4F#3C4A4F#3D494F
#3A4D4E#3B4C4E#3C4B4E#3D4A4E#3E494F#3F474F#40464F
#3A4D4E#3B4B4E#3D4A4E#3E484E#40474F#41454F#43434F
#3A4E4D#3C4C4D#3E4A4E#40474E#42454E#44434F#46404F
#3A4E4D#3C4B4D#3E494E#41464E#43444E#45414F#483E4F
#3A4F4C#3D4C4C#40484D#43454D#46424E#483E4E#4C3A4F

Colorpallet from #3A4C4F to #3A4F4C and to #4C4F3A
#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F
#3A4C4F#3A4C4F#3B4C4E#3B4C4E#3C4C4D#3C4C4D#3D4C4C
#3A4D4E#3B4D4D#3C4D4C#3D4D4B#3E4D4A#3F4D49#404D48
#3A4D4E#3B4D4D#3D4D4B#3E4D4A#404D48#414D47#434D45
#3A4E4D#3C4E4B#3E4E49#404E48#424E46#444E44#464E42
#3A4E4D#3C4E4B#3E4E48#414E46#434E43#454E41#484E3E
#3A4F4C#3D4F49#404F46#434F43#464F40#484F3E#4C4F3A

Colorpallet from #3A4C4F to #3A4F4C and to #4F3A4C
#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F
#3A4C4F#3A4C4F#3B4B4F#3B4B4F#3C4A4F#3C4A4F#3D494F
#3A4D4E#3B4C4E#3C4B4E#3D4A4E#3E494E#40474E#41464E
#3A4D4E#3C4B4E#3D4A4E#3F484E#40474E#42454E#44434E
#3A4E4D#3C4C4D#3E4A4D#40474D#42454D#44434D#47404D
#3A4E4D#3D4B4D#3F494D#42464D#45444D#48414D#4B3E4D
#3A4F4C#3D4C4C#41484C#44454C#47424C#4B3E4C#4F3A4C

Colorpallet from #3A4C4F to #3A4F4C and to #4F4C3A
#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F
#3A4C4F#3A4C4F#3B4C4E#3B4C4E#3C4C4D#3C4C4D#3D4C4C
#3A4D4E#3B4D4D#3C4D4C#3D4D4B#3E4C4A#404C49#414C48
#3A4D4E#3C4D4D#3D4D4B#3F4D4A#404C48#424C47#444C45
#3A4E4D#3C4E4B#3E4D49#404D48#424D46#444C44#474C42
#3A4E4D#3D4E4B#3F4D48#424D46#454D43#484C41#4B4C3E
#3A4F4C#3D4F49#414E46#444E43#474D40#4B4D3E#4F4C3A

Colorpallet from #3A4C4F to #4C3A4F and to #4C4F3A
#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F
#3D494F#3D494F#3D4A4E#3D4A4E#3D4B4D#3D4B4D#3D4C4C
#40464F#40474E#40484D#40494C#404A4B#404C49#404D48
#43434F#43454D#43464C#43484A#434949#434B47#434D45
#46404F#46424D#46444B#464749#464947#464B45#464E42
#483E4F#48414C#48434A#484647#484844#484B41#484E3E
#4C3A4F#4C3D4C#4C4148#4C4445#4C4742#4C4B3E#4C4F3A

Colorpallet from #3A4C4F to #4C3A4F and to #4F3A4C
#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F
#3D494F#3D494F#3D494F#3D494F#3D494F#3D494F#3D494F
#40464F#40464F#40464F#40464F#41464E#41464E#41464E
#43434F#43434F#43434F#43434F#44434E#44434E#44434E
#46404F#46404F#46404E#46404E#47404E#47404D#47404D
#483E4F#483E4F#493E4E#493E4E#4A3E4E#4A3E4D#4B3E4D
#4C3A4F#4C3A4F#4D3A4E#4D3A4E#4E3A4D#4E3A4D#4F3A4C

Colorpallet from #3A4C4F to #4C3A4F and to #4F4C3A
#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F
#3D494F#3D494F#3D4A4E#3D4A4E#3D4B4D#3D4B4D#3D4C4C
#40464F#40474E#40484D#40494C#414A4B#414B49#414C48
#43434F#43444D#43464C#43474A#444949#444A47#444C45
#46404F#46424D#46444B#464649#474847#474A45#474C42
#483E4F#48404C#49424A#494547#4A4744#4A4941#4B4C3E
#4C3A4F#4C3D4C#4D4048#4D4345#4E4642#4E483E#4F4C3A

Colorpallet from #3A4C4F to #4C4F3A and to #4F3A4C
#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F
#3D4C4C#3D4C4C#3D4B4D#3D4B4D#3D4A4E#3D4A4E#3D494F
#404D48#404C49#404B4A#404A4B#41494C#41474D#41464E
#434D45#434B46#434A48#434849#44474B#44454C#44434E
#464E42#464C44#464A46#464747#474549#47434B#47404D
#484E3E#484B40#494943#494645#4A4448#4A414A#4B3E4D
#4C4F3A#4C4C3D#4D4840#4D4543#4E4246#4E3E48#4F3A4C

Colorpallet from #3A4C4F to #4C4F3A and to #4F4C3A
#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F
#3D4C4C#3D4C4C#3D4C4C#3D4C4C#3D4C4C#3D4C4C#3D4C4C
#404D48#404D48#404D48#404D48#414C48#414C48#414C48
#434D45#434D45#434D45#434D45#444C45#444C45#444C45
#464E42#464E42#464D42#464D42#474D42#474C42#474C42
#484E3E#484E3E#494D3E#494D3E#4A4D3E#4A4C3E#4B4C3E
#4C4F3A#4C4F3A#4D4E3A#4D4E3A#4E4D3A#4E4D3A#4F4C3A

Colorpallet from #3A4C4F to #4F3A4C and to #4F4C3A
#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F#3A4C4F
#3D494F#3D494F#3D4A4E#3D4A4E#3D4B4D#3D4B4D#3D4C4C
#41464E#41474D#41484C#41494B#414A4A#414B49#414C48
#44434E#44444D#44464B#44474A#444948#444A47#444C45
#47404D#47424B#474449#474648#474846#474A44#474C42
#4B3E4D#4B404B#4B4248#4B4546#4B4743#4B4941#4B4C3E
#4F3A4C#4F3D49#4F4046#4F4343#4F4640#4F483E#4F4C3A