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 #3A2CA8 to #3AA82C and to #2C3AA8
#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8
#3A4094#3A3D97#393A9A#39379E#3934A1#3832A4#382EA8
#3A5480#394E86#39488D#384393#373D9A#3737A0#3630A8
#3A686C#396076#38577F#374F89#364692#343E9C#3333A8
#3A7B59#397066#376572#36597F#344E8C#334398#3135A8
#3A8F45#388155#367365#356575#335784#314994#2F37A8
#3AA82C#389640#368554#337368#31627B#2F508F#2C3AA8

Colorpallet from #3A2CA8 to #3AA82C and to #2CA83A
#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8
#3A4094#3A4094#394095#394095#394095#384096#384096
#3A5480#395481#395482#385482#375483#375484#365485
#3A686C#39686D#38686E#37686F#366870#346872#336873
#3A7B59#397B5A#377B5C#367B5D#347B5F#337B60#317B62
#3A8F45#388F47#368F49#358F4A#338F4C#318F4E#2F8F50
#3AA82C#38A82E#36A830#33A833#31A835#2FA837#2CA83A

Colorpallet from #3A2CA8 to #3AA82C and to #A83A2C
#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8
#3A4094#3D3D94#403A94#433794#463494#483294#4C2E94
#3A5480#404E80#454880#4B4380#503D80#563780#5D3080
#3A686C#42606C#4B576C#534F6C#5C466C#643E6C#6F336C
#3A7B59#457059#506559#5C5959#674E59#724359#803559
#3A8F45#488145#567345#646545#725745#804945#923745
#3AA82C#4C962C#5D852C#6F732C#80622C#92502C#A83A2C

Colorpallet from #3A2CA8 to #3AA82C and to #A82C3A
#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8
#3A4094#3D3D94#403A95#433695#463395#483096#4C2C96
#3A5480#404E81#454782#4B4182#503A83#563484#5D2C85
#3A686C#425E6D#4B556E#534B6F#5C4270#643872#6F2C73
#3A7B59#456E5A#50625C#5C555D#67485F#723C60#802C62
#3A8F45#487F47#566F49#645F4A#72504C#80404E#922C50
#3AA82C#4C942E#5D8030#6F6C33#805935#924537#A82C3A

Colorpallet from #3A2CA8 to #2C3AA8 and to #2CA83A
#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8
#382EA8#3831A5#3834A2#38379F#383A9C#383C9A#384096
#3630A8#3636A2#363C9D#364197#364792#364D8C#365485
#3333A8#333BA0#334497#334C8F#335586#335D7E#336873
#3135A8#31409D#314B92#315786#31627B#316D70#317B62
#2F37A8#2F459A#2F538C#2F617E#2F6F70#2F7D62#2F8F50
#2C3AA8#2C4C96#2C5D85#2C6F73#2C8062#2C9250#2CA83A

Colorpallet from #3A2CA8 to #2C3AA8 and to #A83A2C
#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8
#382EA8#3B2EA5#3E2EA2#422E9E#452E9B#482E98#4C2E94
#3630A8#3C30A2#42309B#493095#4F308E#553088#5D3080
#3333A8#3D339E#463395#50338B#593382#633378#6F336C
#3135A8#3E359B#4A358F#573582#643575#703569#803559
#2F37A8#3F3798#4F3788#5F3778#6E3769#7E3759#923745
#2C3AA8#403A94#543A80#683A6C#7B3A59#8F3A45#A83A2C

Colorpallet from #3A2CA8 to #2C3AA8 and to #A82C3A
#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8
#382EA8#3B2EA5#3E2DA2#422D9F#452D9C#482C9A#4C2C96
#3630A8#3C2FA2#422F9D#492E97#4F2D92#552D8C#5D2C85
#3333A8#3D32A0#463197#50308F#592F86#632D7E#6F2C73
#3135A8#3E349D#4A3292#573186#642F7B#702E70#802C62
#2F37A8#3F359A#4F338C#5F327E#6E3070#7E2E62#922C50
#2C3AA8#403896#543685#683373#7B3162#8F2F50#A82C3A

Colorpallet from #3A2CA8 to #2CA83A and to #A83A2C
#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8
#384096#3B3D96#3E3A95#423795#453495#483294#4C2E94
#365485#3C4E84#424883#494383#4F3D82#553781#5D3080
#336873#3D6072#465771#504F70#59466F#633E6D#6F336C
#317B62#3E7061#4A655F#57595E#644E5C#70435B#803559
#2F8F50#3F814E#4F734C#5F654B#6E5749#7E4947#923745
#2CA83A#409638#548536#687333#7B6231#8F502F#A83A2C

Colorpallet from #3A2CA8 to #2CA83A and to #A82C3A
#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8
#384096#3B3D96#3E3A96#423696#453396#483096#4C2C96
#365485#3C4E85#424785#494185#4F3A85#553485#5D2C85
#336873#3D5E73#465573#504B73#594273#633873#6F2C73
#317B62#3E6E62#4A6262#575562#644862#703C62#802C62
#2F8F50#3F7F50#4F6F50#5F5F50#6E5050#7E4050#922C50
#2CA83A#40943A#54803A#686C3A#7B593A#8F453A#A82C3A

Colorpallet from #3A2CA8 to #A83A2C and to #A82C3A
#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8#3A2CA8
#4C2E94#4C2E94#4C2D95#4C2D95#4C2D95#4C2C96#4C2C96
#5D3080#5D2F81#5D2F82#5D2E82#5D2D83#5D2D84#5D2C85
#6F336C#6F326D#6F316E#6F306F#6F2F70#6F2D72#6F2C73
#803559#80345A#80325C#80315D#802F5F#802E60#802C62
#923745#923547#923349#92324A#92304C#922E4E#922C50
#A83A2C#A8382E#A83630#A83333#A83135#A82F37#A82C3A