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 #2F4C84 to #2F844C and to #4C2F84
#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84
#2F557B#30537C#31517E#314E7F#324C81#334A82#344784
#2F5E72#305A75#325578#33517B#354D7E#364880#384384
#2F6769#31606D#335A72#365376#384D7A#3A467F#3D3E84
#2F7060#326766#355E6C#385671#3B4D77#3E447D#423984
#2F7957#336E5E#366365#3A586D#3E4D74#41437B#463584
#2F844C#347655#38695E#3D5B67#424E70#464079#4C2F84

Colorpallet from #2F4C84 to #2F844C and to #4C842F
#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84
#2F557B#30557A#315579#315579#325578#335577#345576
#2F5E72#305E71#325E6F#335E6E#355E6C#365E6B#385E69
#2F6769#316767#336765#366762#386760#3A675E#3D675B
#2F7060#32705D#35705A#387057#3B7054#3E7052#42704E
#2F7957#337953#367950#3A794C#3E7948#417945#467940
#2F844C#348447#388443#3D843E#428439#468435#4C842F

Colorpallet from #2F4C84 to #2F844C and to #842F4C
#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84
#2F557B#31537B#33517B#364E7B#384C7B#3A4A7B#3D477B
#2F5E72#335A72#385572#3C5172#404D72#454872#4A4372
#2F6769#366069#3C5A69#435369#494D69#504669#583E69
#2F7060#386760#405E60#495660#524D60#5A4460#653960
#2F7957#3A6E57#456357#505857#5B4D57#654357#733557
#2F844C#3D764C#4A694C#585B4C#654E4C#73404C#842F4C

Colorpallet from #2F4C84 to #2F844C and to #844C2F
#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84
#2F557B#31547A#335279#365179#384F78#3A4E77#3D4C76
#2F5E72#335B71#38586F#3C556E#40526C#45506B#4A4C69
#2F6769#366367#3C5E65#435A62#495660#50515E#584C5B
#2F7060#386A5D#40645A#495F57#525954#5A5352#654C4E
#2F7957#3A7253#456B50#50634C#5B5C48#655545#734C40
#2F844C#3D7B47#4A7243#58693E#656039#735735#844C2F

Colorpallet from #2F4C84 to #4C2F84 and to #4C842F
#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84
#344784#344982#344B80#344E7D#34507B#345279#345576
#384384#384780#384C7B#385077#385473#38596E#385E69
#3D3E84#3D457D#3D4B77#3D5270#3D586A#3D5F63#3D675B
#423984#42427B#424B73#42536A#425C61#426559#42704E
#463584#464079#464B6E#465663#466158#466B4E#467940
#4C2F84#4C3D76#4C4A69#4C585B#4C654E#4C7340#4C842F

Colorpallet from #2F4C84 to #4C2F84 and to #842F4C
#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84
#344784#354783#374781#384780#3A477E#3B477D#3D477B
#384384#3B4381#3E437E#41437B#444378#464376#4A4372
#3D3E84#413E80#463E7B#4A3E77#4E3E73#533E6E#583E69
#423984#48397E#4D3978#533973#58396D#5E3967#653960
#463584#4D357D#543576#5C356E#633567#6A3560#733557
#4C2F84#552F7B#5E2F72#672F69#702F60#792F57#842F4C

Colorpallet from #2F4C84 to #4C2F84 and to #844C2F
#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84
#344784#354882#374980#38497D#3A4A7B#3B4B79#3D4C76
#384384#3B4480#3E467B#414777#444973#464A6E#4A4C69
#3D3E84#41407D#464277#4A4570#4E476A#534963#584C5B
#423984#483C7B#4D3F73#53426A#584561#5E4859#654C4E
#463584#4D3979#543C6E#5C4063#634458#6A474E#734C40
#4C2F84#553476#5E3869#673D5B#70424E#794640#844C2F

Colorpallet from #2F4C84 to #4C842F and to #842F4C
#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84
#345576#355377#375178#384E78#3A4C79#3B4A7A#3D477B
#385E69#3B5A6A#3E556C#41516D#444D6F#464870#4A4372
#3D675B#41605D#465A5F#4A5362#4E4D64#534666#583E69
#42704E#486751#4D5E54#535657#584D5A#5E445C#653960
#467940#4D6E44#546347#5C584B#634D4F#6A4352#733557
#4C842F#557634#5E6938#675B3D#704E42#794046#842F4C

Colorpallet from #2F4C84 to #4C842F and to #844C2F
#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84
#345576#355476#375276#385176#3A4F76#3B4E76#3D4C76
#385E69#3B5B69#3E5869#415569#445269#465069#4A4C69
#3D675B#41635B#465E5B#4A5A5B#4E565B#53515B#584C5B
#42704E#486A4E#4D644E#535F4E#58594E#5E534E#654C4E
#467940#4D7240#546B40#5C6340#635C40#6A5540#734C40
#4C842F#557B2F#5E722F#67692F#70602F#79572F#844C2F

Colorpallet from #2F4C84 to #842F4C and to #844C2F
#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84#2F4C84
#3D477B#3D487A#3D4979#3D4979#3D4A78#3D4B77#3D4C76
#4A4372#4A4471#4A466F#4A476E#4A496C#4A4A6B#4A4C69
#583E69#584067#584265#584562#584760#58495E#584C5B
#653960#653C5D#653F5A#654257#654554#654852#654C4E
#733557#733953#733C50#73404C#734448#734745#734C40
#842F4C#843447#843843#843D3E#844239#844635#844C2F