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 #3F4D8A to #3F8A4D and to #4D3F8A
#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A
#3F5780#3F5582#405383#405185#404F86#414D88#414B8A
#3F6176#405D79#40597C#415580#425283#424E86#43498A
#3F6A6D#406472#415E76#42597B#435380#454D84#46468A
#3F7463#406C69#42656F#435D76#45557C#464E82#48448A
#3F7E59#417461#436B69#446171#465878#484E80#4A428A
#3F8A4D#417E57#437261#46666A#485A74#4A4E7E#4D3F8A

Colorpallet from #3F4D8A to #3F8A4D and to #4D8A3F
#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A
#3F5780#3F5780#40577F#40577F#40577F#41577E#41577E
#3F6176#406175#406175#416174#426173#426173#436172
#3F6A6D#406A6C#416A6B#426A6A#436A69#456A67#466A66
#3F7463#407462#427460#43745F#45745D#46745C#48745A
#3F7E59#417E57#437E55#447E54#467E52#487E50#4A7E4E
#3F8A4D#418A4B#438A49#468A46#488A44#4A8A42#4D8A3F

Colorpallet from #3F4D8A to #3F8A4D and to #8A3F4D
#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A
#3F5780#415580#435380#455180#474F80#494D80#4B4B80
#3F6176#435D76#475976#4B5576#4E5276#524E76#574976
#3F6A6D#45646D#4B5E6D#50596D#56536D#5C4D6D#63466D
#3F7463#476C63#4E6563#565D63#5E5563#654E63#6F4463
#3F7E59#497459#526B59#5C6159#655859#6F4E59#7B4259
#3F8A4D#4B7E4D#57724D#63664D#6F5A4D#7B4E4D#8A3F4D

Colorpallet from #3F4D8A to #3F8A4D and to #8A4D3F
#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A
#3F5780#415580#43547F#45527F#47517F#494F7E#4B4D7E
#3F6176#435E75#475B75#4B5774#4E5473#525173#574D72
#3F6A6D#45656C#4B616B#505C6A#565769#5C5367#634D66
#3F7463#476E62#4E6860#56615F#5E5B5D#65555C#6F4D5A
#3F7E59#497657#526E55#5C6654#655F52#6F5750#7B4D4E
#3F8A4D#4B804B#577649#636D46#6F6344#7B5942#8A4D3F

Colorpallet from #3F4D8A to #4D3F8A and to #4D8A3F
#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A
#414B8A#414D88#414F86#415184#415382#415580#41577E
#43498A#434D86#435182#43557E#43587B#435C77#436172
#46468A#464C84#46527E#465779#465D73#46636D#466A66
#48448A#484C82#48537B#485B73#48636B#486A64#48745A
#4A428A#4A4C80#4A5577#4A5F6D#4A6864#4A725A#4A7E4E
#4D3F8A#4D4B7E#4D5772#4D6366#4D6F5A#4D7B4E#4D8A3F

Colorpallet from #3F4D8A to #4D3F8A and to #8A3F4D
#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A
#414B8A#434B88#444B87#464B85#474B84#494B82#4B4B80
#43498A#464987#494984#4D4980#50497D#53497A#574976
#46468A#4B4685#4F4681#54467C#594677#5D4673#63466D
#48448A#4E4484#54447E#5B4477#614471#67446B#6F4463
#4A428A#524282#5A427A#624272#69426B#714263#7B4259
#4D3F8A#573F80#613F76#6A3F6D#743F63#7E3F59#8A3F4D

Colorpallet from #3F4D8A to #4D3F8A and to #8A4D3F
#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A
#414B8A#434B88#444C86#464C84#474C82#494D80#4B4D7E
#43498A#464A86#494A82#4D4B7E#504C7B#534C77#574D72
#46468A#4B4784#4F487E#544979#594A73#5D4C6D#634D66
#48448A#4E4582#54477B#5B4873#614A6B#674B64#6F4D5A
#4A428A#524480#5A4677#62476D#694964#714B5A#7B4D4E
#4D3F8A#57417E#614372#6A4666#74485A#7E4A4E#8A4D3F

Colorpallet from #3F4D8A to #4D8A3F and to #8A3F4D
#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A
#41577E#43557E#44537F#46517F#474F7F#494D80#4B4B80
#436172#465D73#495973#4D5574#505275#534E75#574976
#466A66#4B6467#4F5E68#545969#59536A#5D4D6C#63466D
#48745A#4E6C5B#54655D#5B5D5E#615560#674E61#6F4463
#4A7E4E#527450#5A6B52#626153#695855#714E57#7B4259
#4D8A3F#577E41#617243#6A6646#745A48#7E4E4A#8A3F4D

Colorpallet from #3F4D8A to #4D8A3F and to #8A4D3F
#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A
#41577E#43557E#44547E#46527E#47517E#494F7E#4B4D7E
#436172#465E72#495B72#4D5772#505472#535172#574D72
#466A66#4B6566#4F6166#545C66#595766#5D5366#634D66
#48745A#4E6E5A#54685A#5B615A#615B5A#67555A#6F4D5A
#4A7E4E#52764E#5A6E4E#62664E#695F4E#71574E#7B4D4E
#4D8A3F#57803F#61763F#6A6D3F#74633F#7E593F#8A4D3F

Colorpallet from #3F4D8A to #8A3F4D and to #8A4D3F
#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A#3F4D8A
#4B4B80#4B4B80#4B4C7F#4B4C7F#4B4C7F#4B4D7E#4B4D7E
#574976#574A75#574A75#574B74#574C73#574C73#574D72
#63466D#63476C#63486B#63496A#634A69#634C67#634D66
#6F4463#6F4562#6F4760#6F485F#6F4A5D#6F4B5C#6F4D5A
#7B4259#7B4457#7B4655#7B4754#7B4952#7B4B50#7B4D4E
#8A3F4D#8A414B#8A4349#8A4646#8A4844#8A4A42#8A4D3F