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 #2F4A86 to #2F864A and to #4A2F86
#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86
#2F547C#30527E#30507F#314D81#324B82#324984#334686
#2F5D73#305976#325479#33507C#354B7F#364782#384186
#2F6769#31606E#335A72#355377#374C7C#394580#3C3D86
#2F7060#326766#345E6C#375672#3A4D78#3D447E#403986
#2F7A56#336F5E#366465#3A586D#3D4D75#41427C#453486
#2F864A#337854#386A5D#3C5C67#404E70#45407A#4A2F86

Colorpallet from #2F4A86 to #2F864A and to #4A862F
#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86
#2F547C#30547B#30547B#31547A#325479#325479#335478
#2F5D73#305D72#325D70#335D6F#355D6D#365D6C#385D6A
#2F6769#316767#336765#356763#376761#39675F#3C675C
#2F7060#32705D#34705A#377057#3A7054#3D7052#40704E
#2F7A56#337A52#367A4F#3A7A4B#3D7A48#417A44#457A40
#2F864A#338646#388641#3C863D#408639#458634#4A862F

Colorpallet from #2F4A86 to #2F864A and to #862F4A
#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86
#2F547C#31527C#33507C#364D7C#384B7C#3A497C#3D467C
#2F5D73#335973#385473#3C5073#414B73#454773#4B4173
#2F6769#366069#3C5A69#435369#4A4C69#514569#593D69
#2F7060#386760#415E60#4A5660#534D60#5C4460#673960
#2F7A56#3A6F56#456456#515856#5C4D56#674256#753456
#2F864A#3D784A#4B6A4A#595C4A#674E4A#75404A#862F4A

Colorpallet from #2F4A86 to #2F864A and to #864A2F
#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86
#2F547C#31527B#33517B#364F7A#384E79#3A4C79#3D4A78
#2F5D73#335A72#385770#3C546F#41516D#454E6C#4B4A6A
#2F6769#366267#3C5E65#435963#4A5461#51505F#594A5C
#2F7060#386A5D#41645A#4A5E57#535854#5C5252#674A4E
#2F7A56#3A7252#456B4F#51634B#5C5B48#675444#754A40
#2F864A#3D7C46#4B7341#59693D#676039#755634#864A2F

Colorpallet from #2F4A86 to #4A2F86 and to #4A862F
#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86
#334686#334884#334A82#334D7F#334F7D#33517B#335478
#384186#384582#384A7D#384E79#385374#385770#385D6A
#3C3D86#3C447F#3C4A79#3C5172#3C586B#3C5F64#3C675C
#403986#40427D#404B74#40536B#405C62#406559#40704E
#453486#453F7B#454A70#455664#456159#456C4E#457A40
#4A2F86#4A3D78#4A4B6A#4A595C#4A674E#4A7540#4A862F

Colorpallet from #2F4A86 to #4A2F86 and to #862F4A
#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86
#334686#354684#364683#384681#394680#3B467E#3D467C
#384186#3B4183#3E4180#41417D#44417A#474177#4B4173
#3C3D86#413D81#453D7D#4A3D78#4F3D73#533D6F#593D69
#403986#463980#4C397A#533974#59396E#5F3968#673960
#453486#4D347E#543477#5C346F#643467#6B3460#753456
#4A2F86#542F7C#5D2F73#672F69#702F60#7A2F56#862F4A

Colorpallet from #2F4A86 to #4A2F86 and to #864A2F
#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86
#334686#354784#364782#38487F#39497D#3B497B#3D4A78
#384186#3B4282#3E447D#414579#444774#474870#4B4A6A
#3C3D86#413F7F#454179#4A4372#4F456B#534764#594A5C
#403986#463C7D#4C3E74#53416B#594462#5F4759#674A4E
#453486#4D387B#543B70#5C3F64#644259#6B464E#754A40
#4A2F86#543378#5D386A#673C5C#70404E#7A4540#864A2F

Colorpallet from #2F4A86 to #4A862F and to #862F4A
#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86
#335478#355279#365079#384D7A#394B7B#3B497B#3D467C
#385D6A#3B596B#3E546D#41506E#444B70#474771#4B4173
#3C675C#41605E#455A60#4A5362#4F4C64#534566#593D69
#40704E#466751#4C5E54#535657#594D5A#5F445C#673960
#457A40#4D6F44#546447#5C584B#644D4E#6B4252#753456
#4A862F#547833#5D6A38#675C3C#704E40#7A4045#862F4A

Colorpallet from #2F4A86 to #4A862F and to #864A2F
#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86
#335478#355278#365178#384F78#394E78#3B4C78#3D4A78
#385D6A#3B5A6A#3E576A#41546A#44516A#474E6A#4B4A6A
#3C675C#41625C#455E5C#4A595C#4F545C#53505C#594A5C
#40704E#466A4E#4C644E#535E4E#59584E#5F524E#674A4E
#457A40#4D7240#546B40#5C6340#645B40#6B5440#754A40
#4A862F#547C2F#5D732F#67692F#70602F#7A562F#864A2F

Colorpallet from #2F4A86 to #862F4A and to #864A2F
#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86#2F4A86
#3D467C#3D477B#3D477B#3D487A#3D4979#3D4979#3D4A78
#4B4173#4B4272#4B4470#4B456F#4B476D#4B486C#4B4A6A
#593D69#593F67#594165#594363#594561#59475F#594A5C
#673960#673C5D#673E5A#674157#674454#674752#674A4E
#753456#753852#753B4F#753F4B#754248#754644#754A40
#862F4A#863346#863841#863C3D#864039#864534#864A2F