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 #2F5B40 to #2F405B and to #5B2F40
#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40
#2F5744#305743#315643#325642#335541#355541#365440
#2F5249#315148#335046#365045#384F43#3A4E42#3D4D40
#2F4E4D#324D4B#364B49#394A47#3C4945#404843#444640
#2F4A51#33484E#38464C#3C4549#414346#454143#4B3F40
#2F4556#354352#3A414F#403F4B#453D48#4B3B44#523840
#2F405B#363D57#3D3B52#44384E#4B354A#523245#5B2F40

Colorpallet from #2F5B40 to #2F405B and to #5B402F
#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40
#2F5744#305743#315742#325741#335740#35573E#36573D
#2F5249#315247#335245#365242#385240#3A523E#3D523B
#2F4E4D#324E4A#364E46#394E43#3C4E40#404E3C#444E38
#2F4A51#334A4D#384A48#3C4A44#414A3F#454A3B#4B4A35
#2F4556#354550#3A454A#404545#45453F#4B4539#524532
#2F405B#364054#3D404D#444046#4B403F#524038#5B402F

Colorpallet from #2F5B40 to #2F405B and to #402F5B
#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40
#2F5744#2F5744#305644#305644#315544#315544#325444
#2F5249#305149#315049#315049#324F49#334E49#344D49
#2F4E4D#304D4D#324B4D#334A4D#34494D#35484D#37464D
#2F4A51#314851#334651#344551#364351#384151#3A3F51
#2F4556#314356#334156#363F56#383D56#3A3B56#3D3856
#2F405B#323D5B#343B5B#37385B#3A355B#3D325B#402F5B

Colorpallet from #2F5B40 to #2F405B and to #405B2F
#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40
#2F5744#2F5843#305842#305941#315A40#315A3E#325B3D
#2F5249#305347#315545#315642#325840#33593E#345B3B
#2F4E4D#30504A#325246#335443#345640#35583C#375B38
#2F4A51#314D4D#334F48#345244#36553F#38583B#3A5B35
#2F4556#314950#334C4A#365045#38533F#3A5739#3D5B32
#2F405B#324454#34494D#374D46#3A513F#3D5638#405B2F

Colorpallet from #2F5B40 to #5B2F40 and to #5B402F
#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40
#365440#365440#36553F#36553F#36563E#36563E#36573D
#3D4D40#3D4E3F#3D4F3E#3D4F3E#3D503D#3D513C#3D523B
#444640#44473F#44493D#444A3C#444B3B#444C3A#444E38
#4B3F40#4B413E#4B433C#4B443B#4B4639#4B4837#4B4A35
#523840#523A3E#523C3C#523E39#524037#524235#524532
#5B2F40#5B323D#5B343B#5B3738#5B3A35#5B3D32#5B402F

Colorpallet from #2F5B40 to #5B2F40 and to #402F5B
#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40
#365440#355441#355441#345442#335443#335443#325444
#3D4D40#3C4D41#3A4D43#394D44#374D46#364D47#344D49
#444640#424642#404644#3E4646#3C4648#3A464A#37464D
#4B3F40#483F43#463F45#433F48#403F4B#3D3F4E#3A3F51
#523840#4F3844#4B3847#48384B#45384E#413852#3D3856
#5B2F40#572F44#522F49#4E2F4D#4A2F51#452F56#402F5B

Colorpallet from #2F5B40 to #5B2F40 and to #405B2F
#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40
#365440#355540#35563F#34573F#33583E#335A3E#325B3D
#3D4D40#3C4F3F#3A513E#39543E#37563D#36583C#345B3B
#444640#42493F#404D3D#3E503C#3C533B#3A573A#375B38
#4B3F40#48433E#46483C#434C3B#405139#3D5537#3A5B35
#523840#4F3E3E#4B433C#484939#454E37#415435#3D5B32
#5B2F40#57363D#523D3B#4E4438#4A4B35#455232#405B2F

Colorpallet from #2F5B40 to #5B402F and to #402F5B
#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40
#36573D#35573E#35563F#345640#335541#335543#325444
#3D523B#3C513D#3A503F#395042#374F44#364E46#344D49
#444E38#424D3B#404B3F#3E4A42#3C4945#3A4849#37464D
#4B4A35#484839#46463E#434542#404347#3D414B#3A3F51
#524532#4F4338#4B413E#483F43#453D49#413B4F#3D3856
#5B402F#573D36#523B3D#4E3844#4A354B#453252#402F5B

Colorpallet from #2F5B40 to #5B402F and to #405B2F
#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40
#36573D#35583D#35583D#34593D#335A3D#335A3D#325B3D
#3D523B#3C533B#3A553B#39563B#37583B#36593B#345B3B
#444E38#425038#405238#3E5438#3C5638#3A5838#375B38
#4B4A35#484D35#464F35#435235#405535#3D5835#3A5B35
#524532#4F4932#4B4C32#485032#455332#415732#3D5B32
#5B402F#57442F#52492F#4E4D2F#4A512F#45562F#405B2F

Colorpallet from #2F5B40 to #402F5B and to #405B2F
#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40#2F5B40
#325444#325543#325642#325741#325840#325A3E#325B3D
#344D49#344F47#345145#345442#345640#34583E#345B3B
#37464D#37494A#374D46#375043#375340#37573C#375B38
#3A3F51#3A434D#3A4848#3A4C44#3A513F#3A553B#3A5B35
#3D3856#3D3E50#3D434A#3D4945#3D4E3F#3D5439#3D5B32
#402F5B#403654#403D4D#404446#404B3F#405238#405B2F