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 #2F5B70 to #2F705B and to #5B2F70
#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70
#2F5E6D#305C6D#315B6E#32596E#33586F#35566F#365470
#2F6269#315F6A#335B6B#36586C#38556D#3A516F#3D4D70
#2F6566#326068#365B69#39566B#3C516C#404C6E#444670
#2F6863#336165#385B67#3C5469#414E6B#45476D#4B3F70
#2F6C5F#356462#3A5B64#405367#454B6A#4B426D#523870
#2F705B#36665E#3D5B62#445165#4B4668#523C6C#5B2F70

Colorpallet from #2F5B70 to #2F705B and to #5B702F
#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70
#2F5E6D#305E6C#315E6B#325E6A#335E69#355E67#365E66
#2F6269#316267#336265#366262#386260#3A625E#3D625B
#2F6566#326563#36655F#39655C#3C6559#406555#446551
#2F6863#33685E#38685A#3C6855#416850#45684C#4B6846
#2F6C5F#356C59#3A6C54#406C4E#456C49#4B6C43#526C3C
#2F705B#367054#3D704D#447046#4B703F#527038#5B702F

Colorpallet from #2F5B70 to #2F705B and to #702F5B
#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70
#2F5E6D#315C6D#325B6D#34596D#35586D#37566D#39546D
#2F6269#325F69#365B69#395869#3C5569#405169#444D69
#2F6566#346066#395B66#3E5666#435166#484C66#4E4666
#2F6863#366163#3C5B63#435463#4A4E63#514763#593F63
#2F6C5F#37645F#405B5F#48535F#504B5F#59425F#63385F
#2F705B#39665B#445B5B#4E515B#59465B#633C5B#702F5B

Colorpallet from #2F5B70 to #2F705B and to #705B2F
#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70
#2F5E6D#315E6C#325D6B#345D6A#355C69#375C67#395B66
#2F6269#326167#366065#395F62#3C5E60#405C5E#445B5B
#2F6566#346363#39625F#3E605C#435F59#485D55#4E5B51
#2F6863#36665E#3C645A#436255#4A6050#515E4C#595B46
#2F6C5F#376959#406754#48644E#506149#595E43#635B3C
#2F705B#396D54#44694D#4E6646#59633F#635F38#705B2F

Colorpallet from #2F5B70 to #5B2F70 and to #5B702F
#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70
#365470#36566E#36576D#36596B#365A6A#365C68#365E66
#3D4D70#3D506D#3D5469#3D5766#3D5A63#3D5E5F#3D625B
#444670#444B6B#445066#445561#445A5C#445F57#446551
#4B3F70#4B4669#4B4C63#4B535C#4B5955#4B604E#4B6846
#523870#524068#52495F#525157#52594F#526246#526C3C
#5B2F70#5B3966#5B445B#5B4E51#5B5946#5B633C#5B702F

Colorpallet from #2F5B70 to #5B2F70 and to #702F5B
#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70
#365470#365470#37546F#37546F#38546E#38546E#39546D
#3D4D70#3E4D6F#3F4D6E#404D6D#414D6C#434D6A#444D69
#444670#46466E#47466D#49466B#4A466A#4C4668#4E4666
#4B3F70#4D3F6E#4F3F6C#523F6A#543F68#563F66#593F63
#523870#55386D#57386B#5A3868#5D3865#603862#63385F
#5B2F70#5E2F6D#622F69#652F66#682F63#6C2F5F#702F5B

Colorpallet from #2F5B70 to #5B2F70 and to #705B2F
#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70
#365470#36556E#37566D#37576B#38586A#385A68#395B66
#3D4D70#3E4F6D#3F5169#405466#415663#43585F#445B5B
#444670#46496B#474D66#495061#4A535C#4C5757#4E5B51
#4B3F70#4D4369#4F4863#524C5C#545155#56554E#595B46
#523870#553E68#57435F#5A4957#5D4E4F#605446#635B3C
#5B2F70#5E3666#623D5B#654451#684B46#6C523C#705B2F

Colorpallet from #2F5B70 to #5B702F and to #702F5B
#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70
#365E66#365C67#375B68#375969#38586A#38566C#39546D
#3D625B#3E5F5D#3F5B5F#405862#415564#435166#444D69
#446551#466054#475B58#49565B#4A515E#4C4C62#4E4666
#4B6846#4D614B#4F5B4F#525454#544E59#56475D#593F63
#526C3C#556442#575B47#5A534D#5D4B52#604258#63385F
#5B702F#5E6636#625B3D#655144#68464B#6C3C52#702F5B

Colorpallet from #2F5B70 to #5B702F and to #705B2F
#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70
#365E66#365E66#375D66#375D66#385C66#385C66#395B66
#3D625B#3E615B#3F605B#405F5B#415E5B#435C5B#445B5B
#446551#466351#476251#496051#4A5F51#4C5D51#4E5B51
#4B6846#4D6646#4F6446#526246#546046#565E46#595B46
#526C3C#55693C#57673C#5A643C#5D613C#605E3C#635B3C
#5B702F#5E6D2F#62692F#65662F#68632F#6C5F2F#705B2F

Colorpallet from #2F5B70 to #702F5B and to #705B2F
#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70#2F5B70
#39546D#39556C#39566B#39576A#395869#395A67#395B66
#444D69#444F67#445165#445462#445660#44585E#445B5B
#4E4666#4E4963#4E4D5F#4E505C#4E5359#4E5755#4E5B51
#593F63#59435E#59485A#594C55#595150#59554C#595B46
#63385F#633E59#634354#63494E#634E49#635443#635B3C
#702F5B#703654#703D4D#704446#704B3F#705238#705B2F