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 #2F4B85 to #2F854B and to #4B2F85
#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85
#2F547C#30527D#30507F#314E80#324C82#324A83#334785
#2F5E72#305A75#325578#33517B#354C7E#364881#384285
#2F6769#31606D#335A72#355376#374D7B#39467F#3C3E85
#2F7060#326766#355E6C#385672#3B4D78#3D447E#413985
#2F7957#336E5E#366366#3A586D#3D4D74#41437C#453585
#2F854B#337754#38695E#3C5C67#414E70#454079#4B2F85

Colorpallet from #2F4B85 to #2F854B and to #4B852F
#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85
#2F547C#30547B#30547A#31547A#325479#325478#335477
#2F5E72#305E71#325E6F#335E6E#355E6C#365E6B#385E69
#2F6769#316767#336765#356763#376761#39675F#3C675C
#2F7060#32705D#35705A#387057#3B7054#3D7052#41704E
#2F7957#337953#367950#3A794C#3D7948#417945#457940
#2F854B#338547#388542#3C853E#418539#458535#4B852F

Colorpallet from #2F4B85 to #2F854B and to #852F4B
#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85
#2F547C#31527C#33507C#364E7C#384C7C#3A4A7C#3D477C
#2F5E72#335A72#385572#3C5172#414C72#454872#4B4272
#2F6769#366069#3C5A69#435369#494D69#504669#583E69
#2F7060#386760#415E60#495660#524D60#5B4460#663960
#2F7957#3A6E57#456357#505857#5B4D57#664357#743557
#2F854B#3D774B#4B694B#585C4B#664E4B#74404B#852F4B

Colorpallet from #2F4B85 to #2F854B and to #854B2F
#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85
#2F547C#31537B#33517A#36507A#384E79#3A4D78#3D4B77
#2F5E72#335B71#38586F#3C556E#41526C#454F6B#4B4B69
#2F6769#366367#3C5E65#435A63#495561#50515F#584B5C
#2F7060#386A5D#41645A#495E57#525854#5B5252#664B4E
#2F7957#3A7253#456A50#50634C#5B5C48#665445#744B40
#2F854B#3D7C47#4B7242#58693E#666039#745735#854B2F

Colorpallet from #2F4B85 to #4B2F85 and to #4B852F
#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85
#334785#334983#334B81#334D7E#334F7C#33517A#335477
#384285#384681#384B7C#384F78#385473#38586F#385E69
#3C3E85#3C457E#3C4B78#3C5271#3C586B#3C5F64#3C675C
#413985#41427C#414B73#41536B#415C62#416559#41704E
#453585#45407A#454B6F#455664#456159#456B4E#457940
#4B2F85#4B3D77#4B4B69#4B585C#4B664E#4B7440#4B852F

Colorpallet from #2F4B85 to #4B2F85 and to #852F4B
#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85
#334785#354784#364782#384781#39477F#3B477E#3D477C
#384285#3B4282#3E427F#41427C#444279#474276#4B4272
#3C3E85#403E81#453E7C#493E78#4E3E73#523E6F#583E69
#413985#47397F#4D3979#533973#59396D#5F3967#663960
#453585#4D357E#543576#5C356F#633568#6B3560#743557
#4B2F85#542F7C#5E2F72#672F69#702F60#792F57#852F4B

Colorpallet from #2F4B85 to #4B2F85 and to #854B2F
#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85
#334785#354883#364881#38497E#394A7C#3B4A7A#3D4B77
#384285#3B4381#3E457C#414678#444873#47496F#4B4B69
#3C3E85#40407E#454278#494471#4E466B#524864#584B5C
#413985#473C7C#4D3F73#53426B#594562#5F4759#664B4E
#453585#4D397A#543C6F#5C4064#634359#6B474E#744B40
#4B2F85#543377#5E3869#673C5C#70414E#794540#854B2F

Colorpallet from #2F4B85 to #4B852F and to #852F4B
#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85
#335477#355278#365079#384E79#394C7A#3B4A7B#3D477C
#385E69#3B5A6A#3E556C#41516D#444C6F#474870#4B4272
#3C675C#40605E#455A60#495362#4E4D64#524666#583E69
#41704E#476751#4D5E54#535657#594D5A#5F445C#663960
#457940#4D6E44#546347#5C584B#634D4F#6B4352#743557
#4B852F#547733#5E6938#675C3C#704E41#794045#852F4B

Colorpallet from #2F4B85 to #4B852F and to #854B2F
#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85
#335477#355377#365177#385077#394E77#3B4D77#3D4B77
#385E69#3B5B69#3E5869#415569#445269#474F69#4B4B69
#3C675C#40635C#455E5C#495A5C#4E555C#52515C#584B5C
#41704E#476A4E#4D644E#535E4E#59584E#5F524E#664B4E
#457940#4D7240#546A40#5C6340#635C40#6B5440#744B40
#4B852F#547C2F#5E722F#67692F#70602F#79572F#854B2F

Colorpallet from #2F4B85 to #852F4B and to #854B2F
#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85#2F4B85
#3D477C#3D487B#3D487A#3D497A#3D4A79#3D4A78#3D4B77
#4B4272#4B4371#4B456F#4B466E#4B486C#4B496B#4B4B69
#583E69#584067#584265#584463#584661#58485F#584B5C
#663960#663C5D#663F5A#664257#664554#664752#664B4E
#743557#743953#743C50#74404C#744348#744745#744B40
#852F4B#853347#853842#853C3E#854139#854535#854B2F