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 #3A40A9 to #3AA940 and to #403AA9
#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9
#3A5198#3A4E9B#3A4B9D#3A48A0#3B45A3#3B43A6#3B3FA9
#3A6287#3A5C8C#3B5692#3B5197#3B4B9D#3C45A2#3C3EA9
#3A7277#3A6A7F#3B6187#3B598F#3C5097#3C489F#3D3DA9
#3A8366#3B7871#3B6C7B#3C6186#3D5691#3D4A9C#3E3CA9
#3A9455#3B8662#3C7870#3C697D#3D5B8B#3E4D98#3F3BA9
#3AA940#3B9751#3C8562#3D7472#3E6283#3F5094#403AA9

Colorpallet from #3A40A9 to #3AA940 and to #40A93A
#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9
#3A5198#3A5198#3A5198#3A5198#3B5197#3B5197#3B5197
#3A6287#3A6287#3B6286#3B6286#3B6286#3C6285#3C6285
#3A7277#3A7277#3B7276#3B7276#3C7275#3C7275#3D7274
#3A8366#3B8365#3B8365#3C8364#3D8363#3D8363#3E8362
#3A9455#3B9454#3C9453#3C9453#3D9452#3E9451#3F9450
#3AA940#3BA93F#3CA93E#3DA93D#3EA93C#3FA93B#40A93A

Colorpallet from #3A40A9 to #3AA940 and to #A93A40
#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9
#3A5198#3D4E98#404B98#434898#464598#484398#4C3F98
#3A6287#405C87#465687#4B5187#514B87#574587#5E3E87
#3A7277#426A77#4B6177#535977#5C5077#644877#6F3D77
#3A8366#457866#516C66#5C6166#675666#734A66#813C66
#3A9455#488655#567855#656955#735B55#814D55#933B55
#3AA940#4C9740#5E8540#6F7440#816240#935040#A93A40

Colorpallet from #3A40A9 to #3AA940 and to #A9403A
#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9
#3A5198#3D4E98#404C98#434998#464697#484397#4C4097
#3A6287#405D87#465786#4B5286#514C86#574785#5E4085
#3A7277#426A77#4B6276#535A76#5C5275#644A75#6F4074
#3A8366#457865#516E65#5C6364#675863#734D63#814062
#3A9455#488754#567953#656C53#735E52#815151#934050
#3AA940#4C983F#5E873E#6F773D#81663C#93553B#A9403A

Colorpallet from #3A40A9 to #403AA9 and to #40A93A
#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9
#3B3FA9#3B42A6#3B45A3#3B48A0#3B4B9D#3B4D9B#3B5197
#3C3EA9#3C44A3#3C4A9D#3C4F98#3C5592#3C5B8C#3C6285
#3D3DA9#3D45A1#3D4E98#3D5690#3D5F87#3D677F#3D7274
#3E3CA9#3E479E#3E5392#3E5E87#3E697C#3E7570#3E8362
#3F3BA9#3F499B#3F578D#3F667E#3F7470#3F8262#3F9450
#403AA9#404C97#405E85#406F74#408162#409350#40A93A

Colorpallet from #3A40A9 to #403AA9 and to #A93A40
#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9
#3B3FA9#3E3FA6#403FA4#433FA1#463F9E#493F9B#4C3F98
#3C3EA9#413EA4#473E9E#4C3E99#523E93#573E8E#5E3E87
#3D3DA9#453DA1#4D3D99#553D91#5D3D89#653D81#6F3D77
#3E3CA9#493C9E#533C94#5E3C89#693C7E#743C73#813C66
#3F3BA9#4C3B9C#5A3B8E#673B81#753B73#823B66#933B55
#403AA9#513A98#623A87#723A77#833A66#943A55#A93A40

Colorpallet from #3A40A9 to #403AA9 and to #A9403A
#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9
#3B3FA9#3E3FA6#403FA3#433FA0#46409D#49409B#4C4097
#3C3EA9#413EA3#473F9D#4C3F98#523F92#57408C#5E4085
#3D3DA9#453DA1#4D3E98#553E90#5D3F87#653F7F#6F4074
#3E3CA9#493D9E#533D92#5E3E87#693F7C#743F70#814062
#3F3BA9#4C3C9B#5A3D8D#673D7E#753E70#823F62#934050
#403AA9#513B97#623C85#723D74#833E62#943F50#A9403A

Colorpallet from #3A40A9 to #40A93A and to #A93A40
#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9
#3B5197#3E4E97#404B97#434897#464598#494398#4C3F98
#3C6285#415C85#475686#4C5186#524B86#574587#5E3E87
#3D7274#456A74#4D6175#555975#5D5076#654876#6F3D77
#3E8362#497863#536C63#5E6164#695665#744A65#813C66
#3F9450#4C8651#5A7852#676952#755B53#824D54#933B55
#40A93A#51973B#62853C#72743D#83623E#94503F#A93A40

Colorpallet from #3A40A9 to #40A93A and to #A9403A
#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9
#3B5197#3E4E97#404C97#434997#464697#494397#4C4097
#3C6285#415D85#475785#4C5285#524C85#574785#5E4085
#3D7274#456A74#4D6274#555A74#5D5274#654A74#6F4074
#3E8362#497862#536E62#5E6362#695862#744D62#814062
#3F9450#4C8750#5A7950#676C50#755E50#825150#934050
#40A93A#51983A#62873A#72773A#83663A#94553A#A9403A

Colorpallet from #3A40A9 to #A93A40 and to #A9403A
#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9#3A40A9
#4C3F98#4C3F98#4C3F98#4C3F98#4C4097#4C4097#4C4097
#5E3E87#5E3E87#5E3F86#5E3F86#5E3F86#5E4085#5E4085
#6F3D77#6F3D77#6F3E76#6F3E76#6F3F75#6F3F75#6F4074
#813C66#813D65#813D65#813E64#813F63#813F63#814062
#933B55#933C54#933D53#933D53#933E52#933F51#934050
#A93A40#A93B3F#A93C3E#A93D3D#A93E3C#A93F3B#A9403A