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 #2F458B to #2F8B45 and to #452F8B
#2F458B#2F458B#2F458B#2F458B#2F458B#2F458B#2F458B
#2F5080#304E82#304B84#314985#324687#324489#33418B
#2F5B75#305679#31527C#324D80#334883#354487#363E8B
#2F6769#31606E#335974#345179#364A7F#384384#3A3A8B
#2F725E#316965#335F6C#365674#384C7B#3A4382#3D378B
#2F7D53#32715C#356565#38596E#3B4E77#3D4280#41338B
#2F8B45#337C50#366E5B#3A5F67#3D5072#41417D#452F8B

Colorpallet from #2F458B to #2F8B45 and to #458B2F
#2F458B#2F458B#2F458B#2F458B#2F458B#2F458B#2F458B
#2F5080#30507F#30507F#31507E#32507D#32507D#33507C
#2F5B75#305B74#315B73#325B72#335B71#355B6F#365B6E
#2F6769#316767#336766#346764#366763#386761#3A675F
#2F725E#31725C#33725A#367257#387255#3A7253#3D7250
#2F7D53#327D50#357D4D#387D4A#3B7D47#3D7D45#417D41
#2F8B45#338B41#368B3E#3A8B3A#3D8B37#418B33#458B2F

Colorpallet from #2F458B to #2F8B45 and to #8B2F45
#2F458B#2F458B#2F458B#2F458B#2F458B#2F458B#2F458B
#2F5080#314E80#344B80#364980#394680#3B4480#3E4180
#2F5B75#345675#385275#3D4D75#424875#464475#4C3E75
#2F6769#366069#3D5969#445169#4B4A69#524369#5B3A69
#2F725E#38695E#425F5E#4B565E#554C5E#5E435E#6A375E
#2F7D53#3B7153#476553#535953#5E4E53#6A4253#793353
#2F8B45#3E7C45#4C6E45#5B5F45#6A5045#794145#8B2F45

Colorpallet from #2F458B to #2F8B45 and to #8B452F
#2F458B#2F458B#2F458B#2F458B#2F458B#2F458B#2F458B
#2F5080#314E7F#344C7F#364B7E#39497D#3B477D#3E457C
#2F5B75#345774#385473#3D5072#424D71#46496F#4C456E
#2F6769#366267#3D5C66#445764#4B5163#524C61#5B455F
#2F725E#386B5C#42645A#4B5C57#555555#5E4E53#6A4550
#2F7D53#3B7450#476B4D#53624A#5E5947#6A5045#794541
#2F8B45#3E8041#4C753E#5B693A#6A5E37#795333#8B452F

Colorpallet from #2F458B to #452F8B and to #458B2F
#2F458B#2F458B#2F458B#2F458B#2F458B#2F458B#2F458B
#33418B#334389#334686#334884#334B81#334D7F#33507C
#363E8B#364386#364782#364C7D#365178#365574#365B6E
#3A3A8B#3A4184#3A487D#3A5076#3A576F#3A5E68#3A675F
#3D378B#3D4082#3D4A78#3D536F#3D5D65#3D665C#3D7250
#41338B#413F7F#414B73#415767#41625C#416E50#417D41
#452F8B#453E7C#454C6E#455B5F#456A50#457941#458B2F

Colorpallet from #2F458B to #452F8B and to #8B2F45
#2F458B#2F458B#2F458B#2F458B#2F458B#2F458B#2F458B
#33418B#354189#374187#384186#3A4184#3C4182#3E4180
#363E8B#3A3E87#3D3E84#413E80#443E7D#483E79#4C3E75
#3A3A8B#3F3A86#453A80#4A3A7B#4F3A75#543A70#5B3A69
#3D378B#443784#4B377D#533775#5A376E#613767#6A375E
#41338B#4A3382#533379#5C3370#653367#6E335E#793353
#452F8B#502F80#5B2F75#672F69#722F5E#7D2F53#8B2F45

Colorpallet from #2F458B to #452F8B and to #8B452F
#2F458B#2F458B#2F458B#2F458B#2F458B#2F458B#2F458B
#33418B#354289#374286#384384#3A4481#3C447F#3E457C
#363E8B#3A3F86#3D4082#41417D#444278#484474#4C456E
#3A3A8B#3F3C84#453E7D#4A3F76#4F416F#544368#5B455F
#3D378B#443982#4B3B78#533E6F#5A4065#61425C#6A4550
#41338B#4A367F#533973#5C3C67#653F5C#6E4150#794541
#452F8B#50337C#5B366E#673A5F#723D50#7D4141#8B452F

Colorpallet from #2F458B to #458B2F and to #8B2F45
#2F458B#2F458B#2F458B#2F458B#2F458B#2F458B#2F458B
#33507C#354E7D#374B7D#38497E#3A467F#3C447F#3E4180
#365B6E#3A566F#3D5270#414D71#444872#484474#4C3E75
#3A675F#3F6061#455962#4A5164#4F4A65#544367#5B3A69
#3D7250#446952#4B5F54#535657#5A4C59#61435B#6A375E
#417D41#4A7144#536547#5C594A#654E4D#6E424F#793353
#458B2F#507C33#5B6E36#675F3A#72503D#7D4141#8B2F45

Colorpallet from #2F458B to #458B2F and to #8B452F
#2F458B#2F458B#2F458B#2F458B#2F458B#2F458B#2F458B
#33507C#354E7C#374C7C#384B7C#3A497C#3C477C#3E457C
#365B6E#3A576E#3D546E#41506E#444D6E#48496E#4C456E
#3A675F#3F625F#455C5F#4A575F#4F515F#544C5F#5B455F
#3D7250#446B50#4B6450#535C50#5A5550#614E50#6A4550
#417D41#4A7441#536B41#5C6241#655941#6E5041#794541
#458B2F#50802F#5B752F#67692F#725E2F#7D532F#8B452F

Colorpallet from #2F458B to #8B2F45 and to #8B452F
#2F458B#2F458B#2F458B#2F458B#2F458B#2F458B#2F458B
#3E4180#3E427F#3E427F#3E437E#3E447D#3E447D#3E457C
#4C3E75#4C3F74#4C4073#4C4172#4C4271#4C446F#4C456E
#5B3A69#5B3C67#5B3E66#5B3F64#5B4163#5B4361#5B455F
#6A375E#6A395C#6A3B5A#6A3E57#6A4055#6A4253#6A4550
#793353#793650#79394D#793C4A#793F47#794145#794541
#8B2F45#8B3341#8B363E#8B3A3A#8B3D37#8B4133#8B452F