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 #312EB5 to #31B52E and to #2E31B5
#312EB5#312EB5#312EB5#312EB5#312EB5#312EB5#312EB5
#31449F#3140A3#313DA6#3139AA#3136AD#3132B1#312EB5
#31598A#315291#314C98#31459F#303EA6#3037AC#302FB5
#316F74#31657E#315B89#315093#30469E#303CA8#302FB5
#31845F#31776D#30697B#305C88#304E96#2F41A4#2F30B5
#319A49#31895A#30786C#30677D#30568E#2F459F#2F30B5
#31B52E#31A044#308B59#30766F#2F6184#2F4B9A#2E31B5

Colorpallet from #312EB5 to #31B52E and to #2EB531
#312EB5#312EB5#312EB5#312EB5#312EB5#312EB5#312EB5
#31449F#31449F#31449F#31449F#3144A0#3144A0#3144A0
#31598A#31598A#31598A#31598A#30598B#30598B#30598B
#316F74#316F74#316F75#316F75#306F75#306F76#306F76
#31845F#31845F#308460#308460#308460#2F8461#2F8461
#319A49#319A49#309A4A#309A4A#309A4A#2F9A4B#2F9A4B
#31B52E#31B52E#30B52F#30B52F#2FB530#2FB530#2EB531

Colorpallet from #312EB5 to #31B52E and to #B5312E
#312EB5#312EB5#312EB5#312EB5#312EB5#312EB5#312EB5
#31449F#34409F#383D9F#3B399F#3E369F#42329F#462E9F
#31598A#38528A#3E4C8A#45458A#4C3E8A#53378A#5B2F8A
#316F74#3B6574#455B74#4F5074#594674#633C74#702F74
#31845F#3E775F#4C695F#595C5F#674E5F#74415F#85305F
#319A49#428949#537849#646749#755649#864549#9B3049
#31B52E#46A02E#5B8B2E#70762E#85612E#9B4B2E#B5312E

Colorpallet from #312EB5 to #31B52E and to #B52E31
#312EB5#312EB5#312EB5#312EB5#312EB5#312EB5#312EB5
#31449F#34409F#383D9F#3B399F#3E36A0#4232A0#462EA0
#31598A#38528A#3E4B8A#45448A#4C3D8B#53378B#5B2E8B
#316F74#3B6574#455A75#4F5075#594575#633B76#702E76
#31845F#3E765F#4C6860#595B60#674D60#743F61#852E61
#319A49#428949#53774A#64664A#75554A#86444B#9B2E4B
#31B52E#469F2E#5B8A2F#70742F#855F30#9B4930#B52E31

Colorpallet from #312EB5 to #2E31B5 and to #2EB531
#312EB5#312EB5#312EB5#312EB5#312EB5#312EB5#312EB5
#312EB5#3132B2#3135AE#3139AB#313CA8#3140A4#3144A0
#302FB5#3036AE#303CA8#3043A1#304A9A#305193#30598B
#302FB5#3039AB#3043A1#304E97#30588D#306283#306F76
#2F30B5#2F3DA8#2F4B9A#2F588D#2F667F#2F7372#2F8461
#2F30B5#2F41A4#2F5293#2F6382#2F7471#2F8560#2F9A4B
#2E31B5#2E46A0#2E5B8B#2E7076#2E8561#2E9B4B#2EB531

Colorpallet from #312EB5 to #2E31B5 and to #B5312E
#312EB5#312EB5#312EB5#312EB5#312EB5#312EB5#312EB5
#312EB5#342EB1#382EAE#3B2EAA#3E2EA7#422EA3#462E9F
#302FB5#372FAE#3E2FA7#452FA0#4C2F99#522F93#5B2F8A
#302FB5#3A2FAB#442FA0#4F2F96#592F8B#632F81#702F74
#2F30B5#3D30A7#4B3099#58308C#66307E#743070#85305F
#2F30B5#4030A4#523092#633081#743070#85305F#9B3049
#2E31B5#44319F#59318A#6F3174#84315F#9A3149#B5312E

Colorpallet from #312EB5 to #2E31B5 and to #B52E31
#312EB5#312EB5#312EB5#312EB5#312EB5#312EB5#312EB5
#312EB5#342EB2#382EAE#3B2EAB#3E2EA8#422EA4#462EA0
#302FB5#372FAE#3E2FA8#452FA1#4C2E9A#522E93#5B2E8B
#302FB5#3A2FAB#442FA1#4F2F97#592E8D#632E83#702E76
#2F30B5#3D30A8#4B2F9A#582F8D#662F7F#742E72#852E61
#2F30B5#4030A4#522F93#632F82#742F71#852E60#9B2E4B
#2E31B5#4431A0#59308B#6F3076#842F61#9A2F4B#B52E31

Colorpallet from #312EB5 to #2EB531 and to #B5312E
#312EB5#312EB5#312EB5#312EB5#312EB5#312EB5#312EB5
#3144A0#3440A0#383DA0#3B39A0#3E369F#42329F#462E9F
#30598B#37528B#3E4C8B#45458B#4C3E8A#52378A#5B2F8A
#306F76#3A6576#445B75#4F5075#594675#633C74#702F74
#2F8461#3D7761#4B6960#585C60#664E60#74415F#85305F
#2F9A4B#40894B#52784A#63674A#74564A#854549#9B3049
#2EB531#44A031#598B30#6F7630#84612F#9A4B2F#B5312E

Colorpallet from #312EB5 to #2EB531 and to #B52E31
#312EB5#312EB5#312EB5#312EB5#312EB5#312EB5#312EB5
#3144A0#3440A0#383DA0#3B39A0#3E36A0#4232A0#462EA0
#30598B#37528B#3E4B8B#45448B#4C3D8B#52378B#5B2E8B
#306F76#3A6576#445A76#4F5076#594576#633B76#702E76
#2F8461#3D7661#4B6861#585B61#664D61#743F61#852E61
#2F9A4B#40894B#52774B#63664B#74554B#85444B#9B2E4B
#2EB531#449F31#598A31#6F7431#845F31#9A4931#B52E31

Colorpallet from #312EB5 to #B5312E and to #B52E31
#312EB5#312EB5#312EB5#312EB5#312EB5#312EB5#312EB5
#462E9F#462E9F#462E9F#462E9F#462EA0#462EA0#462EA0
#5B2F8A#5B2F8A#5B2F8A#5B2F8A#5B2E8B#5B2E8B#5B2E8B
#702F74#702F74#702F75#702F75#702E75#702E76#702E76
#85305F#85305F#852F60#852F60#852F60#852E61#852E61
#9B3049#9B3049#9B2F4A#9B2F4A#9B2F4A#9B2E4B#9B2E4B
#B5312E#B5312E#B5302F#B5302F#B52F30#B52F30#B52E31