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 #312E87 to #31872E and to #2E3187
#312E87#312E87#312E87#312E87#312E87#312E87#312E87
#313C79#313A7B#31387D#313580#313382#313184#312E87
#314A6B#31466F#314174#313D78#30397D#303481#302F87
#31595C#315263#314C6A#314571#303E78#30377E#302F87
#31674E#315E57#305560#304D69#304472#2F3B7C#2F3087
#317540#316A4B#305F57#305462#30496D#2F3E79#2F3087
#31872E#31793C#306B4A#305E59#2F5067#2F4275#2E3187

Colorpallet from #312E87 to #31872E and to #2E8731
#312E87#312E87#312E87#312E87#312E87#312E87#312E87
#313C79#313C79#313C79#313C79#313C79#313C79#313C79
#314A6B#314A6B#314A6B#314A6B#304A6B#304A6B#304A6B
#31595C#31595C#31595D#31595D#30595D#30595E#30595E
#31674E#31674E#30674F#30674F#30674F#2F6750#2F6750
#317540#317540#307541#307541#307541#2F7542#2F7542
#31872E#31872E#30872F#30872F#2F8730#2F8730#2E8731

Colorpallet from #312E87 to #31872E and to #87312E
#312E87#312E87#312E87#312E87#312E87#312E87#312E87
#313C79#333A79#353879#383579#3A3379#3C3179#3F2E79
#314A6B#35466B#3A416B#3E3D6B#43396B#47346B#4D2F6B
#31595C#38525C#3E4C5C#45455C#4B3E5C#52375C#5A2F5C
#31674E#3A5E4E#43554E#4B4D4E#54444E#5D3B4E#68304E
#317540#3C6A40#475F40#525440#5D4940#683E40#763040
#31872E#3F792E#4D6B2E#5A5E2E#68502E#76422E#87312E

Colorpallet from #312E87 to #31872E and to #872E31
#312E87#312E87#312E87#312E87#312E87#312E87#312E87
#313C79#333A79#353879#383579#3A3379#3C3179#3F2E79
#314A6B#35466B#3A416B#3E3D6B#43386B#47346B#4D2E6B
#31595C#38525C#3E4B5D#45445D#4B3D5D#52375E#5A2E5E
#31674E#3A5E4E#43554F#4B4C4F#54434F#5D3950#682E50
#317540#3C6A40#475E41#525341#5D4841#683C42#762E42
#31872E#3F792E#4D6B2F#5A5C2F#684E30#764030#872E31

Colorpallet from #312E87 to #2E3187 and to #2E8731
#312E87#312E87#312E87#312E87#312E87#312E87#312E87
#312E87#313085#313283#313580#31377E#31397C#313C79
#302F87#303383#30387E#303C7A#304075#304571#304A6B
#302F87#303680#303C7A#304373#304A6D#305166#30595E
#2F3087#2F397E#2F4275#2F4A6D#2F5364#2F5C5B#2F6750
#2F3087#2F3B7C#2F4671#2F5166#2F5C5B#2F6750#2F7542
#2E3187#2E3F79#2E4D6B#2E5A5E#2E6850#2E7642#2E8731

Colorpallet from #312E87 to #2E3187 and to #87312E
#312E87#312E87#312E87#312E87#312E87#312E87#312E87
#312E87#332E85#352E83#382E80#3A2E7E#3C2E7C#3F2E79
#302F87#352F83#392F7E#3E2F7A#432F75#472F71#4D2F6B
#302F87#372F80#3D2F79#442F72#4B2F6B#522F65#5A2F5C
#2F3087#38307E#413075#4A306C#533063#5D3059#68304E
#2F3087#3A307C#463070#513065#5C305A#68304E#763040
#2E3187#3C3179#4A316B#59315C#67314E#753140#87312E

Colorpallet from #312E87 to #2E3187 and to #872E31
#312E87#312E87#312E87#312E87#312E87#312E87#312E87
#312E87#332E85#352E83#382E80#3A2E7E#3C2E7C#3F2E79
#302F87#352F83#392F7E#3E2F7A#432E75#472E71#4D2E6B
#302F87#372F80#3D2F7A#442F73#4B2E6D#522E66#5A2E5E
#2F3087#38307E#412F75#4A2F6D#532F64#5D2E5B#682E50
#2F3087#3A307C#462F71#512F66#5C2F5B#682E50#762E42
#2E3187#3C3179#4A306B#59305E#672F50#752F42#872E31

Colorpallet from #312E87 to #2E8731 and to #87312E
#312E87#312E87#312E87#312E87#312E87#312E87#312E87
#313C79#333A79#353879#383579#3A3379#3C3179#3F2E79
#304A6B#35466B#39416B#3E3D6B#43396B#47346B#4D2F6B
#30595E#37525E#3D4C5D#44455D#4B3E5D#52375C#5A2F5C
#2F6750#385E50#41554F#4A4D4F#53444F#5D3B4E#68304E
#2F7542#3A6A42#465F41#515441#5C4941#683E40#763040
#2E8731#3C7931#4A6B30#595E30#67502F#75422F#87312E

Colorpallet from #312E87 to #2E8731 and to #872E31
#312E87#312E87#312E87#312E87#312E87#312E87#312E87
#313C79#333A79#353879#383579#3A3379#3C3179#3F2E79
#304A6B#35466B#39416B#3E3D6B#43386B#47346B#4D2E6B
#30595E#37525E#3D4B5E#44445E#4B3D5E#52375E#5A2E5E
#2F6750#385E50#415550#4A4C50#534350#5D3950#682E50
#2F7542#3A6A42#465E42#515342#5C4842#683C42#762E42
#2E8731#3C7931#4A6B31#595C31#674E31#754031#872E31

Colorpallet from #312E87 to #87312E and to #872E31
#312E87#312E87#312E87#312E87#312E87#312E87#312E87
#3F2E79#3F2E79#3F2E79#3F2E79#3F2E79#3F2E79#3F2E79
#4D2F6B#4D2F6B#4D2F6B#4D2F6B#4D2E6B#4D2E6B#4D2E6B
#5A2F5C#5A2F5C#5A2F5D#5A2F5D#5A2E5D#5A2E5E#5A2E5E
#68304E#68304E#682F4F#682F4F#682F4F#682E50#682E50
#763040#763040#762F41#762F41#762F41#762E42#762E42
#87312E#87312E#87302F#87302F#872F30#872F30#872E31