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 #2F4BA6 to #2FA64B and to #4B2FA6
#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6
#2F5A97#305799#30549C#31519E#324EA1#324BA3#3347A6
#2F6889#30628E#325C92#335697#35509C#364AA0#3842A6
#2F777A#316E81#336588#355C8F#375396#39499D#3C3EA6
#2F856C#327975#356D7F#386188#3B5491#3D489A#4139A6
#2F945D#338569#367674#3A6680#3D578C#414897#4535A6
#2FA64B#33935A#388068#3C6D77#415A85#454794#4B2FA6

Colorpallet from #2F4BA6 to #2FA64B and to #4BA62F
#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6
#2F5A97#305A96#305A96#315A95#325A94#325A94#335A93
#2F6889#306888#326886#336885#356883#366882#386880
#2F777A#317778#337776#357774#377772#397770#3C776D
#2F856C#328569#358566#388563#3B8560#3D855E#41855A
#2F945D#339459#369456#3A9452#3D944F#41944B#459447
#2FA64B#33A647#38A642#3CA63E#41A639#45A635#4BA62F

Colorpallet from #2F4BA6 to #2FA64B and to #A62F4B
#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6
#2F5A97#325797#355497#385197#3B4E97#3E4B97#424797
#2F6889#356289#3B5C89#415689#475089#4D4A89#554289
#2F777A#386E7A#41657A#4A5C7A#53537A#5D497A#683E7A
#2F856C#3B796C#476D6C#53616C#60546C#6C486C#7B396C
#2F945D#3E855D#4D765D#5D665D#6C575D#7B485D#8E355D
#2FA64B#42934B#55804B#686D4B#7B5A4B#8E474B#A62F4B

Colorpallet from #2F4BA6 to #2FA64B and to #A64B2F
#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6
#2F5A97#325896#355596#385395#3B5094#3E4E94#424B93
#2F6889#356388#3B5F86#415A85#475583#4D5182#554B80
#2F777A#387078#416976#4A6274#535B72#5D5470#684B6D
#2F856C#3B7C69#477266#536963#606060#6C575E#7B4B5A
#2F945D#3E8859#4D7D56#5D7152#6C654F#7B5A4B#8E4B47
#2FA64B#429747#558942#687A3E#7B6C39#8E5D35#A64B2F

Colorpallet from #2F4BA6 to #4B2FA6 and to #4BA62F
#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6
#3347A6#334AA3#334DA0#33509D#33539A#335697#335A93
#3842A6#3848A0#384E9A#385494#385A8E#386088#386880
#3C3EA6#3C479D#3C5094#3C598B#3C6282#3C6C78#3C776D
#4139A6#41459A#41518E#415D82#416A75#417669#41855A
#4535A6#454497#455388#456378#457269#45815A#459447
#4B2FA6#4B4293#4B5580#4B686D#4B7B5A#4B8E47#4BA62F

Colorpallet from #2F4BA6 to #4B2FA6 and to #A62F4B
#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6
#3347A6#3547A4#3847A1#3A479F#3D479C#3F479A#424797
#3842A6#3D42A1#41429D#464298#4B4293#4F428F#554289
#3C3EA6#433E9F#4A3E98#513E91#583E8A#5F3E83#683E7A
#4139A6#4A399D#543993#5D398A#663981#6F3978#7B396C
#4535A6#51359A#5C358F#683583#743577#7F356C#8E355D
#4B2FA6#5A2F97#682F89#772F7A#852F6C#942F5D#A62F4B

Colorpallet from #2F4BA6 to #4B2FA6 and to #A64B2F
#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6
#3347A6#3548A3#3848A0#3A499D#3D4A9A#3F4A97#424B93
#3842A6#3D43A0#41459A#464694#4B488E#4F4988#554B80
#3C3EA6#43409D#4A4294#51448B#584682#5F4878#684B6D
#4139A6#4A3C9A#543F8E#5D4282#664575#6F4769#7B4B5A
#4535A6#513997#5C3C88#684078#744369#7F475A#8E4B47
#4B2FA6#5A3393#683880#773C6D#85415A#944547#A64B2F

Colorpallet from #2F4BA6 to #4BA62F and to #A62F4B
#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6
#335A93#355794#385494#3A5195#3D4E96#3F4B96#424797
#386880#3D6281#415C83#465684#4B5086#4F4A87#554289
#3C776D#436E6F#4A6571#515C73#585375#5F4977#683E7A
#41855A#4A795D#546D60#5D6163#665466#6F4868#7B396C
#459447#51854B#5C764E#686652#745755#7F4859#8E355D
#4BA62F#5A9333#688038#776D3C#855A41#944745#A62F4B

Colorpallet from #2F4BA6 to #4BA62F and to #A64B2F
#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6
#335A93#355893#385593#3A5393#3D5093#3F4E93#424B93
#386880#3D6380#415F80#465A80#4B5580#4F5180#554B80
#3C776D#43706D#4A696D#51626D#585B6D#5F546D#684B6D
#41855A#4A7C5A#54725A#5D695A#66605A#6F575A#7B4B5A
#459447#518847#5C7D47#687147#746547#7F5A47#8E4B47
#4BA62F#5A972F#68892F#777A2F#856C2F#945D2F#A64B2F

Colorpallet from #2F4BA6 to #A62F4B and to #A64B2F
#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6#2F4BA6
#424797#424896#424896#424995#424A94#424A94#424B93
#554289#554388#554586#554685#554883#554982#554B80
#683E7A#684078#684276#684474#684672#684870#684B6D
#7B396C#7B3C69#7B3F66#7B4263#7B4560#7B475E#7B4B5A
#8E355D#8E3959#8E3C56#8E4052#8E434F#8E474B#8E4B47
#A62F4B#A63347#A63842#A63C3E#A64139#A64535#A64B2F