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 #3C6B86 to #3C866B and to #6B3C86
#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86
#3C6F82#3D6D83#3F6B83#406984#416785#426585#446386
#3C747D#3E707E#416C80#436881#466583#486184#4B5C86
#3C7879#40727B#436C7D#47677F#4B6181#4E5B83#535486
#3C7C75#417478#466D7A#4A657D#4F5E80#545683#5A4D86
#3C8170#427774#486E77#4E647B#545B7E#5A5182#624586
#3C866B#447A6F#4B6E74#536278#5A577C#624B81#6B3C86

Colorpallet from #3C6B86 to #3C866B and to #6B863C
#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86
#3C6F82#3D6F81#3F6F7F#406F7E#416F7D#426F7C#446F7A
#3C747D#3E747B#417478#437476#467473#487471#4B746E
#3C7879#407875#437872#47786E#4B786A#4E7867#537862
#3C7C75#417C70#467C6B#4A7C67#4F7C62#547C5D#5A7C57
#3C8170#42816A#488164#4E815E#548158#5A8152#62814B
#3C866B#448663#4B865C#538654#5A864D#628645#6B863C

Colorpallet from #3C6B86 to #3C866B and to #863C6B
#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86
#3C6F82#3E6D82#406B82#426982#446782#466582#486382
#3C747D#40707D#446C7D#48687D#4B657D#4F617D#545C7D
#3C7879#427279#486C79#4D6779#536179#595B79#605479
#3C7C75#447475#4B6D75#536575#5A5E75#625675#6B4D75
#3C8170#457770#4F6E70#586470#625B70#6B5170#774570
#3C866B#487A6B#546E6B#60626B#6B576B#774B6B#863C6B

Colorpallet from #3C6B86 to #3C866B and to #866B3C
#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86
#3C6F82#3E6E81#406E7F#426D7E#446C7D#466C7C#486B7A
#3C747D#40737B#447178#487076#4B6E73#4F6D71#546B6E
#3C7879#427675#487472#4D726E#53706A#596E67#606B62
#3C7C75#447970#4B776B#537467#5A7162#626E5D#6B6B57
#3C8170#457D6A#4F7A64#58765E#627358#6B6F52#776B4B
#3C866B#488263#547D5C#607954#6B754D#777045#866B3C

Colorpallet from #3C6B86 to #6B3C86 and to #6B863C
#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86
#446386#446584#446782#446980#446B7E#446D7C#446F7A
#4B5C86#4B6082#4B647E#4B687A#4B6B77#4B6F73#4B746E
#535486#535A80#53607A#536575#536B6F#537169#537862
#5A4D86#5A557E#5A5C77#5A646F#5A6B68#5A7360#5A7C57
#624586#624F7D#625873#62626A#626B60#627557#62814B
#6B3C86#6B487A#6B546E#6B6062#6B6B57#6B774B#6B863C

Colorpallet from #3C6B86 to #6B3C86 and to #863C6B
#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86
#446386#456385#456385#466384#476383#476383#486382
#4B5C86#4C5C85#4E5C83#4F5C82#515C80#525C7F#545C7D
#535486#555484#575482#595480#5B547E#5D547C#605479
#5A4D86#5D4D83#5F4D81#624D7E#654D7B#684D78#6B4D75
#624586#654582#69457F#6C457B#6F4578#734574#774570
#6B3C86#6F3C82#743C7D#783C79#7C3C75#813C70#863C6B

Colorpallet from #3C6B86 to #6B3C86 and to #866B3C
#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86
#446386#456484#456682#466780#47687E#47697C#486B7A
#4B5C86#4C5E82#4E617E#4F637A#516677#526873#546B6E
#535486#555880#575B7A#595F75#5B636F#5D6669#606B62
#5A4D86#5D527E#5F5777#625B6F#656068#686560#6B6B57
#624586#654B7D#695173#6C576A#6F5D60#736357#776B4B
#6B3C86#6F447A#744B6E#785362#7C5A57#81624B#866B3C

Colorpallet from #3C6B86 to #6B863C and to #863C6B
#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86
#446F7A#456D7B#456B7D#46697E#47677F#476580#486382
#4B746E#4C7070#4E6C73#4F6875#516578#52617A#545C7D
#537862#557266#576C69#59676D#5B6171#5D5B74#605479
#5A7C57#5D745C#5F6D61#626565#655E6A#68566F#6B4D75
#62814B#657751#696E57#6C645D#6F5B63#735169#774570
#6B863C#6F7A44#746E4B#786253#7C575A#814B62#863C6B

Colorpallet from #3C6B86 to #6B863C and to #866B3C
#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86
#446F7A#456E7A#456E7A#466D7A#476C7A#476C7A#486B7A
#4B746E#4C736E#4E716E#4F706E#516E6E#526D6E#546B6E
#537862#557662#577462#597262#5B7062#5D6E62#606B62
#5A7C57#5D7957#5F7757#627457#657157#686E57#6B6B57
#62814B#657D4B#697A4B#6C764B#6F734B#736F4B#776B4B
#6B863C#6F823C#747D3C#78793C#7C753C#81703C#866B3C

Colorpallet from #3C6B86 to #863C6B and to #866B3C
#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86#3C6B86
#486382#486481#48667F#48677E#48687D#48697C#486B7A
#545C7D#545E7B#546178#546376#546673#546871#546B6E
#605479#605875#605B72#605F6E#60636A#606667#606B62
#6B4D75#6B5270#6B576B#6B5B67#6B6062#6B655D#6B6B57
#774570#774B6A#775164#77575E#775D58#776352#776B4B
#863C6B#864463#864B5C#865354#865A4D#866245#866B3C