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 #3F4D8D to #3F8D4D and to #4D3F8D
#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D
#3F5783#3F5585#405386#405188#404F89#414D8B#414B8D
#3F6179#405D7C#40597F#415583#425286#424E89#43498D
#3F6C6E#406673#416078#425A7D#435482#454E87#46468D
#3F7664#406E6B#426671#435E78#45567E#464E85#48448D
#3F805A#417662#436C6A#446272#46587B#484E83#4A428D
#3F8D4D#418157#437461#46686C#485B76#4A4F80#4D3F8D

Colorpallet from #3F4D8D to #3F8D4D and to #4D8D3F
#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D
#3F5783#3F5783#405782#405782#405782#415781#415781
#3F6179#406178#406177#416177#426176#426175#436174
#3F6C6E#406C6D#416C6C#426C6B#436C6A#456C69#466C68
#3F7664#407663#427661#437660#45765E#46765D#48765B
#3F805A#418058#438056#448055#468053#488051#4A804F
#3F8D4D#418D4B#438D49#468D46#488D44#4A8D42#4D8D3F

Colorpallet from #3F4D8D to #3F8D4D and to #8D3F4D
#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D
#3F5783#415583#435383#455183#474F83#494D83#4B4B83
#3F6179#435D79#475979#4B5579#4F5279#534E79#584979
#3F6C6E#45666E#4B606E#515A6E#57546E#5D4E6E#64466E
#3F7664#476E64#4F6664#575E64#5F5664#674E64#714464
#3F805A#49765A#536C5A#5D625A#67585A#714E5A#7D425A
#3F8D4D#4B814D#58744D#64684D#715B4D#7D4F4D#8D3F4D

Colorpallet from #3F4D8D to #3F8D4D and to #8D4D3F
#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D
#3F5783#415583#435482#455282#475182#494F81#4B4D81
#3F6179#435E78#475B77#4B5777#4F5476#535175#584D74
#3F6C6E#45676D#4B626C#515D6B#57586A#5D5369#644D68
#3F7664#476F63#4F6961#576260#5F5C5E#67555D#714D5B
#3F805A#497858#537056#5D6855#675F53#715751#7D4D4F
#3F8D4D#4B834B#587949#646E46#716444#7D5A42#8D4D3F

Colorpallet from #3F4D8D to #4D3F8D and to #4D8D3F
#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D
#414B8D#414D8B#414F89#415187#415385#415583#415781
#43498D#434D89#435185#435581#43587D#435C79#436174
#46468D#464C87#465281#46587B#465E75#46646F#466C68
#48448D#484C85#48547D#485C75#48646D#486C65#48765B
#4A428D#4A4C83#4A5679#4A606F#4A6A65#4A745B#4A804F
#4D3F8D#4D4B81#4D5874#4D6468#4D715B#4D7D4F#4D8D3F

Colorpallet from #3F4D8D to #4D3F8D and to #8D3F4D
#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D
#414B8D#434B8B#444B8A#464B88#474B87#494B85#4B4B83
#43498D#46498A#4A4987#4D4983#504980#54497D#584979
#46468D#4B4688#504683#54467E#594679#5E4674#64466E
#48448D#4F4486#554480#5C4479#624473#69446C#714464
#4A428D#524285#5A427D#624275#6B426C#734264#7D425A
#4D3F8D#573F83#613F79#6C3F6E#763F64#803F5A#8D3F4D

Colorpallet from #3F4D8D to #4D3F8D and to #8D4D3F
#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D
#414B8D#434B8B#444C89#464C87#474C85#494D83#4B4D81
#43498D#464A89#4A4A85#4D4B81#504C7D#544C79#584D74
#46468D#4B4787#504881#54497B#594A75#5E4C6F#644D68
#48448D#4F4585#55477D#5C4875#624A6D#694B65#714D5B
#4A428D#524483#5A4679#62476F#6B4965#734B5B#7D4D4F
#4D3F8D#574181#614374#6C4668#76485B#804A4F#8D4D3F

Colorpallet from #3F4D8D to #4D8D3F and to #8D3F4D
#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D
#415781#435581#445382#465182#474F82#494D83#4B4B83
#436174#465D75#4A5976#4D5576#505277#544E78#584979
#466C68#4B6669#50606A#545A6B#59546C#5E4E6D#64466E
#48765B#4F6E5C#55665E#5C5E5F#625661#694E62#714464
#4A804F#527651#5A6C53#626254#6B5856#734E58#7D425A
#4D8D3F#578141#617443#6C6846#765B48#804F4A#8D3F4D

Colorpallet from #3F4D8D to #4D8D3F and to #8D4D3F
#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D
#415781#435581#445481#465281#475181#494F81#4B4D81
#436174#465E74#4A5B74#4D5774#505474#545174#584D74
#466C68#4B6768#506268#545D68#595868#5E5368#644D68
#48765B#4F6F5B#55695B#5C625B#625C5B#69555B#714D5B
#4A804F#52784F#5A704F#62684F#6B5F4F#73574F#7D4D4F
#4D8D3F#57833F#61793F#6C6E3F#76643F#805A3F#8D4D3F

Colorpallet from #3F4D8D to #8D3F4D and to #8D4D3F
#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D#3F4D8D
#4B4B83#4B4B83#4B4C82#4B4C82#4B4C82#4B4D81#4B4D81
#584979#584A78#584A77#584B77#584C76#584C75#584D74
#64466E#64476D#64486C#64496B#644A6A#644C69#644D68
#714464#714563#714761#714860#714A5E#714B5D#714D5B
#7D425A#7D4458#7D4656#7D4755#7D4953#7D4B51#7D4D4F
#8D3F4D#8D414B#8D4349#8D4646#8D4844#8D4A42#8D4D3F