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 #3A4DAD to #3AAD4D and to #4D3AAD
#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD
#3A5C9E#3A59A0#3B56A3#3B53A5#3C50A8#3C4EAA#3D4AAD
#3A6C8E#3B6693#3C6098#3D5A9D#3E54A2#3F4EA7#4047AD
#3A7B7F#3B7286#3D698E#3E6195#40589C#414FA4#4344AD
#3A8A70#3C7E7A#3E7384#40678D#425B97#4450A1#4641AD
#3A9A60#3C8B6C#3F7D79#416E85#445F91#46509E#493EAD
#3AAD4D#3D9B5C#40886C#43767B#46638A#49519A#4D3AAD

Colorpallet from #3A4DAD to #3AAD4D and to #4DAD3A
#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD
#3A5C9E#3A5C9E#3B5C9D#3B5C9D#3C5C9C#3C5C9C#3D5C9B
#3A6C8E#3B6C8D#3C6C8C#3D6C8B#3E6C8A#3F6C89#406C88
#3A7B7F#3B7B7E#3D7B7C#3E7B7B#407B79#417B78#437B76
#3A8A70#3C8A6E#3E8A6C#408A6A#428A68#448A66#468A63
#3A9A60#3C9A5E#3F9A5B#419A59#449A56#469A54#499A51
#3AAD4D#3DAD4A#40AD47#43AD44#46AD41#49AD3E#4DAD3A

Colorpallet from #3A4DAD to #3AAD4D and to #AD3A4D
#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD
#3A5C9E#3D599E#40569E#43539E#46509E#484E9E#4C4A9E
#3A6C8E#40668E#46608E#4C5A8E#52548E#584E8E#5F478E
#3A7B7F#43727F#4C697F#54617F#5D587F#664F7F#71447F
#3A8A70#467E70#527370#5E6770#695B70#755070#844170
#3A9A60#498B60#577D60#666E60#755F60#845060#963E60
#3AAD4D#4C9B4D#5F884D#71764D#84634D#96514D#AD3A4D

Colorpallet from #3A4DAD to #3AAD4D and to #AD4D3A
#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD
#3A5C9E#3D5A9E#40579D#43559D#46529C#48509C#4C4D9B
#3A6C8E#40678D#46628C#4C5D8B#52588A#585389#5F4D88
#3A7B7F#43747E#4C6C7C#54657B#5D5E79#665678#714D76
#3A8A70#46806E#52766C#5E6D6A#696368#755966#844D63
#3A9A60#498E5E#57815B#667559#756956#845C54#964D51
#3AAD4D#4C9E4A#5F8E47#717F44#847041#96603E#AD4D3A

Colorpallet from #3A4DAD to #4D3AAD and to #4DAD3A
#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD
#3D4AAD#3D4DAA#3D50A7#3D53A4#3D56A1#3D589F#3D5C9B
#4047AD#404DA7#4053A1#40599B#405F95#40658F#406C88
#4344AD#434DA4#43569B#435E93#43678A#437081#437B76
#4641AD#464DA1#465895#466489#46707E#467B72#468A63
#493EAD#494D9E#495B90#496A81#497972#498863#499A51
#4D3AAD#4D4C9B#4D5F88#4D7176#4D8463#4D9651#4DAD3A

Colorpallet from #3A4DAD to #4D3AAD and to #AD3A4D
#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD
#3D4AAD#3F4AAB#424AA8#444AA6#474AA3#494AA1#4C4A9E
#4047AD#4547A8#4A47A3#4F479E#544799#594794#5F478E
#4344AD#4A44A6#52449E#594497#604490#684488#71447F
#4641AD#5041A3#5A4199#644190#6E4186#78417C#844170
#493EAD#553EA1#623E94#6E3E88#7A3E7C#873E6F#963E60
#4D3AAD#5C3A9E#6C3A8E#7B3A7F#8A3A70#9A3A60#AD3A4D

Colorpallet from #3A4DAD to #4D3AAD and to #AD4D3A
#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD
#3D4AAD#3F4AAA#424BA7#444BA4#474CA1#494C9F#4C4D9B
#4047AD#4548A7#4A49A1#4F4A9B#544B95#594C8F#5F4D88
#4344AD#4A45A4#52479B#594893#604A8A#684B81#714D76
#4641AD#5043A1#5A4595#644789#6E497E#784B72#844D63
#493EAD#55409E#624390#6E4581#7A4872#874A63#964D51
#4D3AAD#5C3D9B#6C4088#7B4376#8A4663#9A4951#AD4D3A

Colorpallet from #3A4DAD to #4DAD3A and to #AD3A4D
#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD
#3D5C9B#3F599B#42569C#44539C#47509D#494E9D#4C4A9E
#406C88#456689#4A608A#4F5A8B#54548C#594E8D#5F478E
#437B76#4A7277#526979#59617A#60587C#684F7D#71447F
#468A63#507E65#5A7367#646769#6E5B6B#78506D#844170
#499A51#558B53#627D56#6E6E58#7A5F5B#87505D#963E60
#4DAD3A#5C9B3D#6C8840#7B7643#8A6346#9A5149#AD3A4D

Colorpallet from #3A4DAD to #4DAD3A and to #AD4D3A
#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD
#3D5C9B#3F5A9B#42579B#44559B#47529B#49509B#4C4D9B
#406C88#456788#4A6288#4F5D88#545888#595388#5F4D88
#437B76#4A7476#526C76#596576#605E76#685676#714D76
#468A63#508063#5A7663#646D63#6E6363#785963#844D63
#499A51#558E51#628151#6E7551#7A6951#875C51#964D51
#4DAD3A#5C9E3A#6C8E3A#7B7F3A#8A703A#9A603A#AD4D3A

Colorpallet from #3A4DAD to #AD3A4D and to #AD4D3A
#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD#3A4DAD
#4C4A9E#4C4A9E#4C4B9D#4C4B9D#4C4C9C#4C4C9C#4C4D9B
#5F478E#5F488D#5F498C#5F4A8B#5F4B8A#5F4C89#5F4D88
#71447F#71457E#71477C#71487B#714A79#714B78#714D76
#844170#84436E#84456C#84476A#844968#844B66#844D63
#963E60#96405E#96435B#964559#964856#964A54#964D51
#AD3A4D#AD3D4A#AD4047#AD4344#AD4641#AD493E#AD4D3A