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 #316B84 to #31846B and to #6B3184
#316B84#316B84#316B84#316B84#316B84#316B84#316B84
#316F80#326D81#346B81#356982#376783#386583#3A6284
#31737C#346F7D#376A7F#3A6680#3D6281#405D82#445884
#317778#35717A#3A6A7C#3E647E#435D80#475782#4D4F84
#317B74#377377#3D6A79#43627C#49597E#4F5181#564684
#317F70#387473#406A76#475F7A#4E557D#564A80#5F3D84
#31846B#3A776F#446973#4D5C77#564F7B#5F427F#6B3184

Colorpallet from #316B84 to #31846B and to #6B8431
#316B84#316B84#316B84#316B84#316B84#316B84#316B84
#316F80#326F7F#346F7D#356F7C#376F7A#386F79#3A6F77
#31737C#347379#377376#3A7373#3D7370#40736D#447369
#317778#357774#3A776F#3E776B#437766#477762#4D775C
#317B74#377B6E#3D7B68#437B62#497B5C#4F7B56#567B4F
#317F70#387F69#407F61#477F5A#4E7F53#567F4B#5F7F42
#31846B#3A8462#448458#4D844F#568446#5F843D#6B8431

Colorpallet from #316B84 to #31846B and to #84316B
#316B84#316B84#316B84#316B84#316B84#316B84#316B84
#316F80#336D80#356B80#376980#396780#3B6580#3E6280
#31737C#356F7C#3A6A7C#3E667C#42627C#475D7C#4C587C
#317778#377178#3E6A78#446478#4B5D78#515778#594F78
#317B74#397374#426A74#4A6274#535974#5B5174#664674
#317F70#3C7470#466A70#515F70#5B5570#664A70#733D70
#31846B#3E776B#4C696B#595C6B#664F6B#73426B#84316B

Colorpallet from #316B84 to #31846B and to #846B31
#316B84#316B84#316B84#316B84#316B84#316B84#316B84
#316F80#336E7F#356E7D#376D7C#396C7A#3B6C79#3E6B77
#31737C#357279#3A7076#3E6F73#426E70#476D6D#4C6B69
#317778#377574#3E736F#44716B#4B6F66#516D62#596B5C
#317B74#39786E#427668#4A7362#53715C#5B6E56#666B4F
#317F70#3C7C69#467961#51755A#5B7253#666F4B#736B42
#31846B#3E8062#4C7C58#59784F#667446#73703D#846B31

Colorpallet from #316B84 to #6B3184 and to #6B8431
#316B84#316B84#316B84#316B84#316B84#316B84#316B84
#3A6284#3A6482#3A6680#3A687E#3A6A7C#3A6C7A#3A6F77
#445884#445C80#44617B#446577#446973#446E6E#447369
#4D4F84#4D557E#4D5C77#4D6271#4D696A#4D6F64#4D775C
#564684#564E7C#565773#565F6B#566862#56705A#567B4F
#5F3D84#5F4879#5F526F#5F5D64#5F675A#5F724F#5F7F42
#6B3184#6B3E77#6B4C69#6B595C#6B664F#6B7342#6B8431

Colorpallet from #316B84 to #6B3184 and to #84316B
#316B84#316B84#316B84#316B84#316B84#316B84#316B84
#3A6284#3B6283#3B6283#3C6282#3D6281#3D6281#3E6280
#445884#455883#475881#485880#49587F#4A587E#4C587C
#4D4F84#4F4F82#514F80#534F7E#554F7C#574F7A#594F78
#564684#594681#5B467F#5E467C#60467A#634677#664674
#5F3D84#623D81#653D7E#693D7A#6C3D77#6F3D74#733D70
#6B3184#6F3180#73317C#773178#7B3174#7F3170#84316B

Colorpallet from #316B84 to #6B3184 and to #846B31
#316B84#316B84#316B84#316B84#316B84#316B84#316B84
#3A6284#3B6382#3B6580#3C667E#3D687C#3D697A#3E6B77
#445884#455B80#475E7B#486177#496473#4A676E#4C6B69
#4D4F84#4F537E#515877#535C71#55616A#576564#596B5C
#564684#594C7C#5B5273#5E586B#605E62#63645A#666B4F
#5F3D84#624479#654C6F#695364#6C5A5A#6F624F#736B42
#6B3184#6F3A77#734469#774D5C#7B564F#7F5F42#846B31

Colorpallet from #316B84 to #6B8431 and to #84316B
#316B84#316B84#316B84#316B84#316B84#316B84#316B84
#3A6F77#3B6D78#3B6B7A#3C697B#3D677D#3D657E#3E6280
#447369#456F6C#476A6F#486672#496275#4A5D78#4C587C
#4D775C#4F7160#516A65#536469#555D6E#575772#594F78
#567B4F#597355#5B6A5B#5E6261#605967#63516D#664674
#5F7F42#627449#656A51#695F58#6C555F#6F4A67#733D70
#6B8431#6F773A#736944#775C4D#7B4F56#7F425F#84316B

Colorpallet from #316B84 to #6B8431 and to #846B31
#316B84#316B84#316B84#316B84#316B84#316B84#316B84
#3A6F77#3B6E77#3B6E77#3C6D77#3D6C77#3D6C77#3E6B77
#447369#457269#477069#486F69#496E69#4A6D69#4C6B69
#4D775C#4F755C#51735C#53715C#556F5C#576D5C#596B5C
#567B4F#59784F#5B764F#5E734F#60714F#636E4F#666B4F
#5F7F42#627C42#657942#697542#6C7242#6F6F42#736B42
#6B8431#6F8031#737C31#777831#7B7431#7F7031#846B31

Colorpallet from #316B84 to #84316B and to #846B31
#316B84#316B84#316B84#316B84#316B84#316B84#316B84
#3E6280#3E637F#3E657D#3E667C#3E687A#3E6979#3E6B77
#4C587C#4C5B79#4C5E76#4C6173#4C6470#4C676D#4C6B69
#594F78#595374#59586F#595C6B#596166#596562#596B5C
#664674#664C6E#665268#665862#665E5C#666456#666B4F
#733D70#734469#734C61#73535A#735A53#73624B#736B42
#84316B#843A62#844458#844D4F#845646#845F3D#846B31