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 #2F4A88 to #2F884A and to #4A2F88
#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88
#2F547E#305280#305081#314D83#324B84#324986#334688
#2F5E74#305977#32557A#33507E#354B81#364784#384188
#2F686A#31616F#335A74#355378#374C7D#394682#3C3D88
#2F7260#326966#34606D#375773#3A4E7A#3D4480#403988
#2F7C56#33705E#366566#3A596E#3D4E76#41427E#453488
#2F884A#337A54#386C5E#3C5D68#404F72#45417C#4A2F88

Colorpallet from #2F4A88 to #2F884A and to #4A882F
#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88
#2F547E#30547D#30547D#31547C#32547B#32547B#33547A
#2F5E74#305E73#325E71#335E70#355E6F#365E6E#385E6C
#2F686A#316868#336866#356864#376862#396860#3C685D
#2F7260#32725D#34725B#377258#3A7255#3D7252#40724F
#2F7C56#337C53#367C4F#3A7C4C#3D7C49#417C45#457C41
#2F884A#338846#388841#3C883D#408839#458834#4A882F

Colorpallet from #2F4A88 to #2F884A and to #882F4A
#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88
#2F547E#31527E#33507E#364D7E#384B7E#3A497E#3D467E
#2F5E74#335974#385574#3C5074#414B74#454774#4B4174
#2F686A#36616A#3D5A6A#44536A#4B4C6A#51466A#5A3D6A
#2F7260#386960#416060#4A5760#534E60#5D4460#683960
#2F7C56#3A7056#466556#515956#5C4E56#684256#763456
#2F884A#3D7A4A#4B6C4A#5A5D4A#684F4A#76414A#882F4A

Colorpallet from #2F4A88 to #2F884A and to #884A2F
#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88
#2F547E#31527D#33517D#364F7C#384E7B#3A4C7B#3D4A7A
#2F5E74#335B73#385871#3C5470#41516F#454E6E#4B4A6C
#2F686A#366368#3D5E66#445A64#4B5562#515060#5A4A5D
#2F7260#386C5D#41655B#4A5F58#535855#5D5252#684A4F
#2F7C56#3A7453#466C4F#51644C#5C5C49#685445#764A41
#2F884A#3D7E46#4B7441#5A6A3D#686039#765634#884A2F

Colorpallet from #2F4A88 to #4A2F88 and to #4A882F
#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88
#334688#334886#334A84#334D81#334F7F#33517D#33547A
#384188#384684#384A7F#384F7B#385476#385872#385E6C
#3C3D88#3C4481#3C4B7A#3C5273#3C596C#3C5F66#3C685D
#403988#40427F#404B76#40546D#405D64#40675A#40724F
#453488#45407D#454B71#455766#45625B#456E4F#457C41
#4A2F88#4A3D7A#4A4B6C#4A5A5D#4A684F#4A7641#4A882F

Colorpallet from #2F4A88 to #4A2F88 and to #882F4A
#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88
#334688#354686#364685#384683#394682#3B4680#3D467E
#384188#3B4185#3E4182#41417E#44417B#474178#4B4174
#3C3D88#413D83#463D7E#4A3D7A#4F3D75#543D70#5A3D6A
#403988#463982#4D397B#533975#5A396E#603968#683960
#453488#4D3480#553478#5D3470#643468#6C3460#763456
#4A2F88#542F7E#5E2F74#682F6A#722F60#7C2F56#882F4A

Colorpallet from #2F4A88 to #4A2F88 and to #884A2F
#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88
#334688#354786#364784#384881#39497F#3B497D#3D4A7A
#384188#3B4284#3E447F#41457B#444776#474872#4B4A6C
#3C3D88#413F81#46417A#4A4373#4F456C#544766#5A4A5D
#403988#463C7F#4D3E76#53416D#5A4464#60475A#684A4F
#453488#4D387D#553B71#5D3F66#64425B#6C464F#764A41
#4A2F88#54337A#5E386C#683C5D#72404F#7C4541#884A2F

Colorpallet from #2F4A88 to #4A882F and to #882F4A
#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88
#33547A#35527B#36507B#384D7C#394B7D#3B497D#3D467E
#385E6C#3B596D#3E556F#415070#444B71#474772#4B4174
#3C685D#41615F#465A61#4A5363#4F4C65#544667#5A3D6A
#40724F#466952#4D6054#535757#5A4E5A#60445D#683960
#457C41#4D7044#556548#5D594B#644E4E#6C4252#763456
#4A882F#547A33#5E6C38#685D3C#724F40#7C4145#882F4A

Colorpallet from #2F4A88 to #4A882F and to #884A2F
#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88
#33547A#35527A#36517A#384F7A#394E7A#3B4C7A#3D4A7A
#385E6C#3B5B6C#3E586C#41546C#44516C#474E6C#4B4A6C
#3C685D#41635D#465E5D#4A5A5D#4F555D#54505D#5A4A5D
#40724F#466C4F#4D654F#535F4F#5A584F#60524F#684A4F
#457C41#4D7441#556C41#5D6441#645C41#6C5441#764A41
#4A882F#547E2F#5E742F#686A2F#72602F#7C562F#884A2F

Colorpallet from #2F4A88 to #882F4A and to #884A2F
#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88#2F4A88
#3D467E#3D477D#3D477D#3D487C#3D497B#3D497B#3D4A7A
#4B4174#4B4273#4B4471#4B4570#4B476F#4B486E#4B4A6C
#5A3D6A#5A3F68#5A4166#5A4364#5A4562#5A4760#5A4A5D
#683960#683C5D#683E5B#684158#684455#684752#684A4F
#763456#763853#763B4F#763F4C#764249#764645#764A41
#882F4A#883346#883841#883C3D#884039#884534#884A2F