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 #3C8A4C to #3C4C8A and to #8A3C4C
#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C
#3C8056#3E8054#407F53#427F51#447F50#467E4E#487E4C
#3C7660#40755D#44745A#487456#4C7353#507250#55714C
#3C6C6A#426B65#486A60#4E695C#546857#5A6652#61654C
#3C6274#44606E#4C5F67#545D61#5C5C5A#645A54#6E584C
#3C587E#465676#50546E#5A5266#64505E#6E4E56#7A4C4C
#3C4C8A#484980#554776#61446C#6E4262#7A3F58#8A3C4C

Colorpallet from #3C8A4C to #3C4C8A and to #8A4C3C
#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C
#3C8056#3E8054#408052#428050#44804E#46804C#488049
#3C7660#40765C#447658#487654#4C7650#50764C#557647
#3C6C6A#426C64#486C5E#4E6C58#546C52#5A6C4C#616C44
#3C6274#44626C#4C6264#54625C#5C6254#64624C#6E6242
#3C587E#465874#50586A#5A5860#645856#6E584C#7A583F
#3C4C8A#484C7E#554C71#614C65#6E4C58#7A4C4C#8A4C3C

Colorpallet from #3C8A4C to #3C4C8A and to #4C3C8A
#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C
#3C8056#3C8056#3D7F56#3D7F56#3E7F56#3E7E56#3F7E56
#3C7660#3D7560#3E7460#3E7460#3F7360#407260#417160
#3C6C6A#3D6B6A#3F6A6A#40696A#41686A#42666A#44656A
#3C6274#3E6074#3F5F74#415D74#425C74#445A74#465874
#3C587E#3E567E#40547E#42527E#44507E#464E7E#494C7E
#3C4C8A#3F498A#41478A#44448A#46428A#493F8A#4C3C8A

Colorpallet from #3C8A4C to #3C4C8A and to #4C8A3C
#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C
#3C8056#3C8254#3D8352#3D8550#3E864E#3E884C#3F8A49
#3C7660#3D795C#3E7C58#3E8054#3F8350#40864C#418A47
#3C6C6A#3D7164#3F765E#407A58#417F52#42844C#448A44
#3C6274#3E686C#3F6F64#41755C#427C54#44824C#468A42
#3C587E#3E6074#40686A#427060#447856#46804C#498A3F
#3C4C8A#3F567E#416071#446A65#467458#497E4C#4C8A3C

Colorpallet from #3C8A4C to #8A3C4C and to #8A4C3C
#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C
#487E4C#487E4C#487F4B#487F4B#487F4A#48804A#488049
#55714C#55724B#55734A#55734A#557449#557548#557647
#61654C#61664B#616749#616848#616947#616B46#616C44
#6E584C#6E5A4A#6E5B49#6E5D47#6E5E46#6E6044#6E6242
#7A4C4C#7A4E4A#7A5048#7A5246#7A5444#7A5642#7A583F
#8A3C4C#8A3F49#8A4147#8A4444#8A4642#8A493F#8A4C3C

Colorpallet from #3C8A4C to #8A3C4C and to #4C3C8A
#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C
#487E4C#477E4E#457E4F#447E51#427E52#417E54#3F7E56
#55714C#52714F#4F7152#4B7156#487159#45715C#417160
#61654C#5C6551#586556#53655A#4E655F#4A6564#44656A
#6E584C#685852#615859#5B585F#545866#4E586C#465874
#7A4C4C#724C54#6A4C5C#624C64#5B4C6C#534C74#494C7E
#8A3C4C#803C56#763C60#6C3C6A#623C74#583C7E#4C3C8A

Colorpallet from #3C8A4C to #8A3C4C and to #4C8A3C
#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C
#487E4C#47804C#45824B#44844B#42864A#41884A#3F8A49
#55714C#52754B#4F794A#4B7D4A#488149#458548#418A47
#61654C#5C6B4B#587149#537748#4E7D47#4A8346#448A44
#6E584C#68604A#616849#5B7047#547846#4E8044#468A42
#7A4C4C#72564A#6A6048#626A46#5B7444#537E42#498A3F
#8A3C4C#804849#765547#6C6144#626E42#587A3F#4C8A3C

Colorpallet from #3C8A4C to #8A4C3C and to #4C3C8A
#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C
#488049#47804B#457F4D#447F4F#427F51#417E53#3F7E56
#557647#52754B#4F744F#4B7453#487357#45725B#417160
#616C44#5C6B4A#586A50#536956#4E685C#4A6662#44656A
#6E6242#68604A#615F52#5B5D5A#545C62#4E5A6A#465874
#7A583F#725649#6A5453#62525D#5B5067#534E71#494C7E
#8A4C3C#804948#764755#6C4461#62426E#583F7A#4C3C8A

Colorpallet from #3C8A4C to #8A4C3C and to #4C8A3C
#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C
#488049#478249#458349#448549#428649#418849#3F8A49
#557647#527947#4F7C47#4B8047#488347#458647#418A47
#616C44#5C7144#587644#537A44#4E7F44#4A8444#448A44
#6E6242#686842#616F42#5B7542#547C42#4E8242#468A42
#7A583F#72603F#6A683F#62703F#5B783F#53803F#498A3F
#8A4C3C#80563C#76603C#6C6A3C#62743C#587E3C#4C8A3C

Colorpallet from #3C8A4C to #4C3C8A and to #4C8A3C
#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C#3C8A4C
#3F7E56#3F8054#3F8252#3F8450#3F864E#3F884C#3F8A49
#417160#41755C#417958#417D54#418150#41854C#418A47
#44656A#446B64#44715E#447758#447D52#44834C#448A44
#465874#46606C#466864#46705C#467854#46804C#468A42
#494C7E#495674#49606A#496A60#497456#497E4C#498A3F
#4C3C8A#4C487E#4C5571#4C6165#4C6E58#4C7A4C#4C8A3C