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 #2C4E8A to #2C8A4E and to #4E2C8A
#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A
#2C5880#2D5682#2E5383#2E5185#2F4E86#304C88#31498A
#2C6177#2E5C7A#30577D#315380#334E83#354986#37438A
#2C6B6D#2F6472#315D76#34557B#364E80#394784#3C3E8A
#2C7464#306A6A#336170#375776#3A4E7C#3E4482#42388A
#2C7E5A#307262#356669#395A71#3D4E79#424280#47338A
#2C8A4E#317B58#376C61#3C5D6B#424E74#473F7E#4E2C8A

Colorpallet from #2C4E8A to #2C8A4E and to #4E8A2C
#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A
#2C5880#2D587F#2E587E#2E587E#2F587D#30587C#31587B
#2C6177#2E6175#306173#316172#336170#35616E#37616C
#2C6B6D#2F6B6A#316B68#346B65#366B63#396B60#3C6B5D
#2C7464#307460#33745D#377459#3A7456#3E7452#42744E
#2C7E5A#307E56#357E51#397E4D#3D7E49#427E44#477E3F
#2C8A4E#318A49#378A43#3C8A3E#428A38#478A33#4E8A2C

Colorpallet from #2C4E8A to #2C8A4E and to #8A2C4E
#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A
#2C5880#2E5680#315380#335180#364E80#384C80#3B4980
#2C6177#315C77#365777#3A5377#3F4E77#444977#4A4377
#2C6B6D#33646D#3A5D6D#42556D#494E6D#50476D#593E6D
#2C7464#366A64#3F6164#495764#524E64#5C4464#683864
#2C7E5A#38725A#44665A#505A5A#5C4E5A#68425A#77335A
#2C8A4E#3B7B4E#4A6C4E#595D4E#684E4E#773F4E#8A2C4E

Colorpallet from #2C4E8A to #2C8A4E and to #8A4E2C
#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A
#2C5880#2E567F#31557E#33537E#36527D#38507C#3B4E7B
#2C6177#315E75#365B73#3A5872#3F5570#44526E#4A4E6C
#2C6B6D#33666A#3A6268#425D65#495863#505460#594E5D
#2C7464#366E60#3F685D#496259#525C56#5C5652#684E4E
#2C7E5A#387656#446F51#50674D#5C5F49#685844#774E3F
#2C8A4E#3B8049#4A7743#596D3E#686438#775A33#8A4E2C

Colorpallet from #2C4E8A to #4E2C8A and to #4E8A2C
#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A
#31498A#314B88#314E85#315083#315380#31557E#31587B
#37438A#374885#374D80#37517C#375677#375B72#37616C
#3C3E8A#3C4583#3C4C7C#3C5474#3C5B6D#3C6266#3C6B5D
#42388A#424280#424B77#42556D#425E64#42685A#42744E
#47338A#473F7E#474B72#475766#47635A#476F4E#477E3F
#4E2C8A#4E3B7B#4E4A6C#4E595D#4E684E#4E773F#4E8A2C

Colorpallet from #2C4E8A to #4E2C8A and to #8A2C4E
#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A
#31498A#334988#344987#364985#374984#394982#3B4980
#37438A#3A4387#3D4384#404381#43437E#46437B#4A4377
#3C3E8A#413E85#453E81#4A3E7C#4F3E77#533E73#593E6D
#42388A#483884#4E387E#543878#5A3872#60386C#683864
#47338A#4F3382#56337B#5E3373#66336B#6D3364#77335A
#4E2C8A#582C80#612C77#6B2C6D#742C64#7E2C5A#8A2C4E

Colorpallet from #2C4E8A to #4E2C8A and to #8A4E2C
#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A
#31498A#334A88#344B85#364B83#374C80#394D7E#3B4E7B
#37438A#3A4585#3D4780#40487C#434A77#464C72#4A4E6C
#3C3E8A#414183#45437C#4A4674#4F486D#534B66#594E5D
#42388A#483C80#4E3F77#54436D#5A4664#604A5A#684E4E
#47338A#4F377E#563C72#5E4066#66445A#6D494E#774E3F
#4E2C8A#58317B#61376C#6B3C5D#74424E#7E473F#8A4E2C

Colorpallet from #2C4E8A to #4E8A2C and to #8A2C4E
#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A
#31587B#33567C#34537D#36517D#374E7E#394C7F#3B4980
#37616C#3A5C6E#3D5770#405371#434E73#464975#4A4377
#3C6B5D#416460#455D62#4A5565#4F4E67#53476A#593E6D
#42744E#486A52#4E6155#545759#5A4E5C#604460#683864
#477E3F#4F7243#566648#5E5A4C#664E50#6D4255#77335A
#4E8A2C#587B31#616C37#6B5D3C#744E42#7E3F47#8A2C4E

Colorpallet from #2C4E8A to #4E8A2C and to #8A4E2C
#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A
#31587B#33567B#34557B#36537B#37527B#39507B#3B4E7B
#37616C#3A5E6C#3D5B6C#40586C#43556C#46526C#4A4E6C
#3C6B5D#41665D#45625D#4A5D5D#4F585D#53545D#594E5D
#42744E#486E4E#4E684E#54624E#5A5C4E#60564E#684E4E
#477E3F#4F763F#566F3F#5E673F#665F3F#6D583F#774E3F
#4E8A2C#58802C#61772C#6B6D2C#74642C#7E5A2C#8A4E2C

Colorpallet from #2C4E8A to #8A2C4E and to #8A4E2C
#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A#2C4E8A
#3B4980#3B4A7F#3B4B7E#3B4B7E#3B4C7D#3B4D7C#3B4E7B
#4A4377#4A4575#4A4773#4A4872#4A4A70#4A4C6E#4A4E6C
#593E6D#59416A#594368#594665#594863#594B60#594E5D
#683864#683C60#683F5D#684359#684656#684A52#684E4E
#77335A#773756#773C51#77404D#774449#774944#774E3F
#8A2C4E#8A3149#8A3743#8A3C3E#8A4238#8A4733#8A4E2C