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 #2F4C83 to #2F834C and to #4C2F83
#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83
#2F557A#30537B#31517D#314E7E#324C80#334A81#344783
#2F5E71#305A74#325577#33517A#354D7D#36487F#384383
#2F6669#31606D#335971#365375#384C7A#3A467E#3D3E83
#2F6F60#326666#355E6B#385571#3B4C76#3E447C#423983
#2F7857#336D5E#366365#3A586C#3E4D73#41427A#463583
#2F834C#347655#38685E#3D5B66#424D6F#464078#4C2F83

Colorpallet from #2F4C83 to #2F834C and to #4C832F
#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83
#2F557A#305579#315579#315578#325577#335577#345576
#2F5E71#305E70#325E6E#335E6D#355E6B#365E6A#385E68
#2F6669#316667#336665#366662#386660#3A665E#3D665B
#2F6F60#326F5D#356F5A#386F57#3B6F54#3E6F51#426F4D
#2F7857#337853#367850#3A784C#3E7848#417845#467840
#2F834C#348347#388343#3D833E#428339#468335#4C832F

Colorpallet from #2F4C83 to #2F834C and to #832F4C
#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83
#2F557A#31537A#33517A#354E7A#374C7A#394A7A#3C477A
#2F5E71#335A71#385571#3C5171#404D71#454871#4A4371
#2F6669#356069#3C5969#425369#494C69#4F4669#573E69
#2F6F60#386660#405E60#495560#524C60#5A4460#653960
#2F7857#3A6D57#446357#4F5857#5A4D57#654257#723557
#2F834C#3C764C#4A684C#575B4C#654D4C#72404C#832F4C

Colorpallet from #2F4C83 to #2F834C and to #834C2F
#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83
#2F557A#315479#335279#355178#374F77#394E77#3C4C76
#2F5E71#335B70#38586E#3C556D#40526B#45506A#4A4C68
#2F6669#356267#3C5E65#425A62#495560#4F515E#574C5B
#2F6F60#38695D#40645A#495E57#525954#5A5351#654C4D
#2F7857#3A7153#446A50#4F634C#5A5C48#655545#724C40
#2F834C#3C7A47#4A7143#57693E#656039#725735#834C2F

Colorpallet from #2F4C83 to #4C2F83 and to #4C832F
#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83
#344783#344981#344B7F#344E7D#34507B#345279#345576
#384383#38477F#384C7A#385076#385472#38596D#385E68
#3D3E83#3D447D#3D4B76#3D5170#3D5869#3D5E63#3D665B
#423983#42427A#424A72#425369#425C60#426458#426F4D
#463583#464078#464A6E#465563#466058#466B4D#467840
#4C2F83#4C3C76#4C4A68#4C575B#4C654D#4C7240#4C832F

Colorpallet from #2F4C83 to #4C2F83 and to #832F4C
#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83
#344783#354782#374780#38477F#39477D#3A477C#3C477A
#384383#3B4380#3E437D#41437A#444377#464375#4A4371
#3D3E83#413E7F#453E7B#493E77#4E3E72#523E6E#573E69
#423983#48397D#4D3978#533972#58396D#5E3967#653960
#463583#4D357C#543575#5B356E#623567#693560#723557
#4C2F83#552F7A#5E2F71#662F69#6F2F60#782F57#832F4C

Colorpallet from #2F4C83 to #4C2F83 and to #834C2F
#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83
#344783#354881#37497F#38497D#394A7B#3A4B79#3C4C76
#384383#3B447F#3E467A#414776#444972#464A6D#4A4C68
#3D3E83#41407D#454276#494570#4E4769#524963#574C5B
#423983#483C7A#4D3F72#534269#584560#5E4858#654C4D
#463583#4D3978#543C6E#5B4063#624458#69474D#724C40
#4C2F83#553476#5E3868#663D5B#6F424D#784640#834C2F

Colorpallet from #2F4C83 to #4C832F and to #832F4C
#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83
#345576#355377#375177#384E78#394C79#3A4A79#3C477A
#385E68#3B5A69#3E556B#41516C#444D6E#46486F#4A4371
#3D665B#41605D#45595F#495362#4E4C64#524666#573E69
#426F4D#486650#4D5E53#535556#584C59#5E445C#653960
#467840#4D6D44#546347#5B584B#624D4F#694252#723557
#4C832F#557634#5E6838#665B3D#6F4D42#784046#832F4C

Colorpallet from #2F4C83 to #4C832F and to #834C2F
#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83
#345576#355476#375276#385176#394F76#3A4E76#3C4C76
#385E68#3B5B68#3E5868#415568#445268#465068#4A4C68
#3D665B#41625B#455E5B#495A5B#4E555B#52515B#574C5B
#426F4D#48694D#4D644D#535E4D#58594D#5E534D#654C4D
#467840#4D7140#546A40#5B6340#625C40#695540#724C40
#4C832F#557A2F#5E712F#66692F#6F602F#78572F#834C2F

Colorpallet from #2F4C83 to #832F4C and to #834C2F
#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83#2F4C83
#3C477A#3C4879#3C4979#3C4978#3C4A77#3C4B77#3C4C76
#4A4371#4A4470#4A466E#4A476D#4A496B#4A4A6A#4A4C68
#573E69#574067#574265#574562#574760#57495E#574C5B
#653960#653C5D#653F5A#654257#654554#654851#654C4D
#723557#723953#723C50#72404C#724448#724745#724C40
#832F4C#833447#833843#833D3E#834239#834635#834C2F