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 #3F3BA4 to #3FA43B and to #3B3FA4
#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4
#3F4C93#3F4996#3F4798#3F449B#3E429E#3E3FA1#3E3CA4
#3F5D82#3F5887#3F528D#3F4D92#3E4898#3E439D#3E3CA4
#3F6D72#3F657A#3E5E82#3E568A#3E4E92#3D479A#3D3DA4
#3F7E61#3F746C#3E6A76#3E5F81#3D558C#3D4B97#3C3EA4
#3F8F50#3F825D#3E756B#3E6878#3D5B86#3D4E93#3C3EA4
#3FA43B#3E944C#3E845D#3D746D#3C637E#3C538F#3B3FA4

Colorpallet from #3F3BA4 to #3FA43B and to #3BA43F
#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4
#3F4C93#3F4C93#3F4C93#3F4C93#3E4C94#3E4C94#3E4C94
#3F5D82#3F5D82#3F5D83#3F5D83#3E5D83#3E5D84#3E5D84
#3F6D72#3F6D72#3E6D73#3E6D73#3E6D73#3D6D74#3D6D74
#3F7E61#3F7E61#3E7E62#3E7E62#3D7E62#3D7E63#3C7E63
#3F8F50#3F8F50#3E8F51#3E8F51#3D8F52#3D8F52#3C8F53
#3FA43B#3EA43C#3EA43C#3DA43D#3CA43E#3CA43E#3BA43F

Colorpallet from #3F3BA4 to #3FA43B and to #A43F3B
#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4
#3F4C93#424993#444793#474493#494293#4C3F93#4F3C93
#3F5D82#445882#495282#4E4D82#534882#594382#5F3C82
#3F6D72#476572#4E5E72#565672#5E4E72#654772#6F3D72
#3F7E61#497461#546A61#5E5F61#695561#734B61#803E61
#3F8F50#4C8250#597550#666850#735B50#804E50#903E50
#3FA43B#4F943B#5F843B#6F743B#80633B#90533B#A43F3B

Colorpallet from #3F3BA4 to #3FA43B and to #A43B3F
#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4
#3F4C93#424993#444793#474493#494194#4C3E94#4F3B94
#3F5D82#445882#495283#4E4D83#534783#594284#5F3B84
#3F6D72#476572#4E5D73#565573#5E4D73#654574#6F3B74
#3F7E61#497361#546962#5E5E62#695362#734863#803B63
#3F8F50#4C8250#597451#666751#735952#804C52#903B53
#3FA43B#4F933C#5F823C#6F723D#80613E#90503E#A43B3F

Colorpallet from #3F3BA4 to #3B3FA4 and to #3BA43F
#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4
#3E3CA4#3E3FA1#3E419F#3E449C#3E469A#3E4997#3E4C94
#3E3CA4#3E419F#3E479A#3E4C95#3E5190#3E568A#3E5D84
#3D3DA4#3D459C#3D4C95#3D548D#3D5C85#3D637E#3D6D74
#3C3EA4#3C489A#3C528F#3C5D85#3C677A#3C7170#3C7E63
#3C3EA4#3C4B97#3C588A#3C657D#3C7270#3C7F63#3C8F53
#3B3FA4#3B4F94#3B5F84#3B6F74#3B8063#3B9053#3BA43F

Colorpallet from #3F3BA4 to #3B3FA4 and to #A43F3B
#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4
#3E3CA4#413CA1#433C9F#463C9C#493C99#4C3C96#4F3C93
#3E3CA4#433C9F#493C99#4E3C94#533C8E#583C89#5F3C82
#3D3DA4#453D9C#4D3D94#553D8C#5D3D84#653D7C#6F3D72
#3C3EA4#473E99#523E8F#5D3E84#683E79#723E6E#803E61
#3C3EA4#493E97#573E89#643E7C#723E6E#7F3E61#903E50
#3B3FA4#4C3F93#5D3F82#6D3F72#7E3F61#8F3F50#A43F3B

Colorpallet from #3F3BA4 to #3B3FA4 and to #A43B3F
#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4
#3E3CA4#413CA1#433C9F#463C9C#493B9A#4C3B97#4F3B94
#3E3CA4#433C9F#493C9A#4E3C95#533B90#583B8A#5F3B84
#3D3DA4#453D9C#4D3C95#553C8D#5D3C85#653B7E#6F3B74
#3C3EA4#473E9A#523D8F#5D3D85#683C7A#723C70#803B63
#3C3EA4#493E97#573D8A#643D7D#723C70#7F3C63#903B53
#3B3FA4#4C3E94#5D3E84#6D3D74#7E3C63#8F3C53#A43B3F

Colorpallet from #3F3BA4 to #3BA43F and to #A43F3B
#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4
#3E4C94#414994#434794#464494#494293#4C3F93#4F3C93
#3E5D84#435884#495283#4E4D83#534883#584382#5F3C82
#3D6D74#456574#4D5E73#555673#5D4E73#654772#6F3D72
#3C7E63#477463#526A62#5D5F62#685562#724B61#803E61
#3C8F53#498253#577552#646852#725B51#7F4E51#903E50
#3BA43F#4C943E#5D843E#6D743D#7E633C#8F533C#A43F3B

Colorpallet from #3F3BA4 to #3BA43F and to #A43B3F
#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4
#3E4C94#414994#434794#464494#494194#4C3E94#4F3B94
#3E5D84#435884#495284#4E4D84#534784#584284#5F3B84
#3D6D74#456574#4D5D74#555574#5D4D74#654574#6F3B74
#3C7E63#477363#526963#5D5E63#685363#724863#803B63
#3C8F53#498253#577453#646753#725953#7F4C53#903B53
#3BA43F#4C933F#5D823F#6D723F#7E613F#8F503F#A43B3F

Colorpallet from #3F3BA4 to #A43F3B and to #A43B3F
#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4#3F3BA4
#4F3C93#4F3C93#4F3C93#4F3C93#4F3B94#4F3B94#4F3B94
#5F3C82#5F3C82#5F3C83#5F3C83#5F3B83#5F3B84#5F3B84
#6F3D72#6F3D72#6F3C73#6F3C73#6F3C73#6F3B74#6F3B74
#803E61#803E61#803D62#803D62#803C62#803C63#803B63
#903E50#903E50#903D51#903D51#903C52#903C52#903B53
#A43F3B#A43E3C#A43E3C#A43D3D#A43C3E#A43C3E#A43B3F