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 #3C6A7E to #3C7E6A and to #6A3C7E
#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E
#3C6D7B#3D6B7B#3E6A7C#3F687C#40677D#42657D#43637E
#3C7078#3E6D79#41697A#43667B#46637C#485F7D#4B5B7E
#3C7474#406F76#436A77#476579#4A607A#4E5A7C#52547E
#3C7771#417073#456A75#4A6377#4F5C79#53557B#594D7E
#3C7A6E#427271#486973#4E6176#545878#5A507B#61457E
#3C7E6A#43736D#4B6970#525E74#595477#61497A#6A3C7E

Colorpallet from #3C6A7E to #3C7E6A and to #6A7E3C
#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E
#3C6D7B#3D6D7A#3E6D78#3F6D77#406D76#426D75#436D73
#3C7078#3E7076#417073#437071#46706E#48706C#4B7069
#3C7474#407470#43746D#477469#4A7466#4E7462#52745E
#3C7771#41776C#457768#4A7763#4F775E#53775A#597754
#3C7A6E#427A68#487A62#4E7A5C#547A56#5A7A50#617A49
#3C7E6A#437E63#4B7E5B#527E54#597E4D#617E45#6A7E3C

Colorpallet from #3C6A7E to #3C7E6A and to #7E3C6A
#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E
#3C6D7B#3E6B7B#406A7B#41687B#43677B#45657B#47637B
#3C7078#3F6D78#436978#466678#496378#4D5F78#515B78
#3C7474#416F74#466A74#4B6574#506074#565A74#5C5474
#3C7771#437071#496A71#506371#575C71#5E5571#664D71
#3C7A6E#44726E#4D696E#55616E#5E586E#66506E#71456E
#3C7E6A#47736A#51696A#5C5E6A#66546A#71496A#7E3C6A

Colorpallet from #3C6A7E to #3C7E6A and to #7E6A3C
#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E
#3C6D7B#3E6D7A#406C78#416C77#436B76#456B75#476A73
#3C7078#3F6F76#436E73#466D71#496C6E#4D6B6C#516A69
#3C7474#417270#46716D#4B6F69#506E66#566C62#5C6A5E
#3C7771#43756C#497368#507163#576F5E#5E6D5A#666A54
#3C7A6E#447768#4D7562#55725C#5E7056#666D50#716A49
#3C7E6A#477B63#51785B#5C7454#66714D#716E45#7E6A3C

Colorpallet from #3C6A7E to #6A3C7E and to #6A7E3C
#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E
#43637E#43657C#43667A#436879#436977#436B75#436D73
#4B5B7E#4B5E7B#4B6277#4B6574#4B6871#4B6C6D#4B7069
#52547E#525979#525E74#52636F#52686A#526E64#52745E
#594D7E#595477#595A71#59616A#596863#596F5C#597754
#61457E#614D76#61566D#615E65#61675C#616F54#617A49
#6A3C7E#6A4773#6A5169#6A5C5E#6A6654#6A7149#6A7E3C

Colorpallet from #3C6A7E to #6A3C7E and to #7E3C6A
#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E
#43637E#44637E#44637D#45637D#46637C#46637C#47637B
#4B5B7E#4C5B7D#4D5B7C#4E5B7B#4F5B7A#505B79#515B78
#52547E#54547C#55547B#575479#585478#5A5476#5C5474
#594D7E#5B4D7C#5D4D7A#5F4D78#614D76#634D74#664D71
#61457E#64457B#664579#694576#6B4574#6E4571#71456E
#6A3C7E#6D3C7B#703C78#743C74#773C71#7A3C6E#7E3C6A

Colorpallet from #3C6A7E to #6A3C7E and to #7E6A3C
#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E
#43637E#44647C#44657A#456679#466777#466975#476A73
#4B5B7E#4C5D7B#4D6077#4E6274#4F6571#50676D#516A69
#52547E#545879#555B74#575F6F#58626A#5A6664#5C6A5E
#594D7E#5B5277#5D5671#5F5B6A#616063#63645C#666A54
#61457E#644B76#66516D#695765#6B5D5C#6E6354#716A49
#6A3C7E#6D4373#704B69#74525E#775954#7A6149#7E6A3C

Colorpallet from #3C6A7E to #6A7E3C and to #7E3C6A
#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E
#436D73#446B74#446A76#456877#466778#466579#47637B
#4B7069#4C6D6B#4D696E#4E6670#4F6373#505F75#515B78
#52745E#546F62#556A65#576569#58606C#5A5A70#5C5474
#597754#5B7059#5D6A5D#5F6362#615C67#63556B#664D71
#617A49#64724F#666955#69615B#6B5861#6E5067#71456E
#6A7E3C#6D7343#70694B#745E52#775459#7A4961#7E3C6A

Colorpallet from #3C6A7E to #6A7E3C and to #7E6A3C
#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E
#436D73#446D73#446C73#456C73#466B73#466B73#476A73
#4B7069#4C6F69#4D6E69#4E6D69#4F6C69#506B69#516A69
#52745E#54725E#55715E#576F5E#586E5E#5A6C5E#5C6A5E
#597754#5B7554#5D7354#5F7154#616F54#636D54#666A54
#617A49#647749#667549#697249#6B7049#6E6D49#716A49
#6A7E3C#6D7B3C#70783C#74743C#77713C#7A6E3C#7E6A3C

Colorpallet from #3C6A7E to #7E3C6A and to #7E6A3C
#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E#3C6A7E
#47637B#47647A#476578#476677#476776#476975#476A73
#515B78#515D76#516073#516271#51656E#51676C#516A69
#5C5474#5C5870#5C5B6D#5C5F69#5C6266#5C6662#5C6A5E
#664D71#66526C#665668#665B63#66605E#66645A#666A54
#71456E#714B68#715162#71575C#715D56#716350#716A49
#7E3C6A#7E4363#7E4B5B#7E5254#7E594D#7E6145#7E6A3C