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 #40AF56 to #4056AF and to #AF4056
#40AF56#40AF56#40AF56#40AF56#40AF56#40AF56#40AF56
#40A164#43A062#46A060#499F5D#4C9E5B#4E9E59#529D56
#409372#46926E#4C9069#518F65#578E60#5D8D5C#648B56
#408481#48827A#518173#597F6C#627E65#6A7C5F#757A56
#40768F#4B7486#57727D#626F74#6D6D6B#796B61#876856
#40689D#4E6592#5C6286#6B5F7B#795C70#875A64#995656
#4056AF#5252A1#644F93#754B84#874876#994468#AF4056

Colorpallet from #40AF56 to #4056AF and to #AF5640
#40AF56#40AF56#40AF56#40AF56#40AF56#40AF56#40AF56
#40A164#43A161#46A15E#49A15B#4CA158#4EA156#52A152
#409372#46936C#4C9367#519361#57935C#5D9356#64934F
#408481#488478#518470#598467#62845E#6A8456#75844B
#40768F#4B7684#577678#62766D#6D7662#797656#877648
#40689D#4E688F#5C6881#6B6872#796864#876856#996844
#4056AF#52569D#64568B#75567A#875668#995656#AF5640

Colorpallet from #40AF56 to #4056AF and to #5640AF
#40AF56#40AF56#40AF56#40AF56#40AF56#40AF56#40AF56
#40A164#41A064#41A064#429F64#439E64#439E64#449D64
#409372#419272#429072#438F72#448E72#468D72#478B72
#408481#428281#448181#457F81#477E81#497C81#4B7A81
#40768F#42748F#44728F#476F8F#496D8F#4B6B8F#4E688F
#40689D#43659D#46629D#495F9D#4C5C9D#4E5A9D#52569D
#4056AF#4452AF#474FAF#4B4BAF#4E48AF#5244AF#5640AF

Colorpallet from #40AF56 to #4056AF and to #56AF40
#40AF56#40AF56#40AF56#40AF56#40AF56#40AF56#40AF56
#40A164#41A361#41A55E#42A85B#43AA58#43AC56#44AF52
#409372#41976C#429C67#43A061#44A55C#46A956#47AF4F
#408481#428B78#449270#459967#47A05E#49A656#4BAF4B
#40768F#427F84#448878#47916D#499A62#4BA456#4EAF48
#40689D#43738F#467F81#498A72#4C9564#4EA156#52AF44
#4056AF#44649D#47728B#4B817A#4E8F68#529D56#56AF40

Colorpallet from #40AF56 to #AF4056 and to #AF5640
#40AF56#40AF56#40AF56#40AF56#40AF56#40AF56#40AF56
#529D56#529E55#529E55#529F54#52A053#52A053#52A152
#648B56#648C55#648E54#648F53#649052#649150#64934F
#757A56#757C54#757D52#757F51#75804F#75824D#75844B
#876856#876A54#876C52#876F4F#87714D#87734B#877648
#995656#995953#995C50#995F4D#99624A#996448#996844
#AF4056#AF4452#AF474F#AF4B4B#AF4E48#AF5244#AF5640

Colorpallet from #40AF56 to #AF4056 and to #5640AF
#40AF56#40AF56#40AF56#40AF56#40AF56#40AF56#40AF56
#529D56#509D58#4E9D5A#4B9D5D#499D5F#479D61#449D64
#648B56#5F8B5A#5B8B5F#568B63#518B68#4D8B6C#478B72
#757A56#6E7A5D#687A64#617A6B#5A7A72#537A78#4B7A81
#876856#7E685F#756868#6C6871#63687A#596884#4E688F
#995656#8E5661#82566D#775678#6C5683#60568F#52569D
#AF4056#A14064#934072#844081#76408F#68409D#5640AF

Colorpallet from #40AF56 to #AF4056 and to #56AF40
#40AF56#40AF56#40AF56#40AF56#40AF56#40AF56#40AF56
#529D56#50A055#4EA355#4BA654#49A953#47AB53#44AF52
#648B56#5F9155#5B9754#569C53#51A252#4DA850#47AF4F
#757A56#6E8254#688B52#619351#5A9C4F#53A44D#4BAF4B
#876856#7E7354#757F52#6C8A4F#63954D#59A14B#4EAF48
#995656#8E6453#827250#77814D#6C8F4A#609D48#52AF44
#AF4056#A15252#93644F#84754B#768748#689944#56AF40

Colorpallet from #40AF56 to #AF5640 and to #5640AF
#40AF56#40AF56#40AF56#40AF56#40AF56#40AF56#40AF56
#52A152#50A055#4EA058#4B9F5B#499E5E#479E60#449D64
#64934F#5F9255#5B905A#568F60#518E65#4D8D6B#478B72
#75844B#6E8254#68815C#617F65#5A7E6E#537C76#4B7A81
#877648#7E7453#75725F#6C6F6A#636D75#596B81#4E688F
#996844#8E6552#826260#775F6F#6C5C7D#605A8B#52569D
#AF5640#A15252#934F64#844B75#764887#684499#5640AF

Colorpallet from #40AF56 to #AF5640 and to #56AF40
#40AF56#40AF56#40AF56#40AF56#40AF56#40AF56#40AF56
#52A152#50A352#4EA552#4BA852#49AA52#47AC52#44AF52
#64934F#5F974F#5B9C4F#56A04F#51A54F#4DA94F#47AF4F
#75844B#6E8B4B#68924B#61994B#5AA04B#53A64B#4BAF4B
#877648#7E7F48#758848#6C9148#639A48#59A448#4EAF48
#996844#8E7344#827F44#778A44#6C9544#60A144#52AF44
#AF5640#A16440#937240#848140#768F40#689D40#56AF40

Colorpallet from #40AF56 to #5640AF and to #56AF40
#40AF56#40AF56#40AF56#40AF56#40AF56#40AF56#40AF56
#449D64#44A061#44A35E#44A65B#44A958#44AB56#44AF52
#478B72#47916C#479767#479C61#47A25C#47A856#47AF4F
#4B7A81#4B8278#4B8B70#4B9367#4B9C5E#4BA456#4BAF4B
#4E688F#4E7384#4E7F78#4E8A6D#4E9562#4EA156#4EAF48
#52569D#52648F#527281#528172#528F64#529D56#52AF44
#5640AF#56529D#56648B#56757A#568768#569956#56AF40