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 #2F477D to #2F7D47 and to #472F7D
#2F477D#2F477D#2F477D#2F477D#2F477D#2F477D#2F477D
#2F5074#304E75#304C77#314A78#32487A#32467B#33437D
#2F586C#30546F#325071#334C74#344877#35447A#373F7D
#2F6163#315B67#33556B#354F6F#374974#394378#3B3B7D
#2F6A5A#316260#345A65#36526B#394A70#3B4276#3E387D
#2F7252#326859#355E60#385467#3B4A6E#3E4074#42347D
#2F7D47#337150#376458#3B5861#3E4B6A#423F72#472F7D

Colorpallet from #2F477D to #2F7D47 and to #477D2F
#2F477D#2F477D#2F477D#2F477D#2F477D#2F477D#2F477D
#2F5074#305074#305073#315073#325072#325072#335071
#2F586C#30586B#325869#335868#345867#355866#375864
#2F6163#316161#33615F#35615E#37615C#39615A#3B6158
#2F6A5A#316A58#346A55#366A53#396A50#3B6A4E#3E6A4B
#2F7252#32724F#35724C#387249#3B7246#3E7243#42723F
#2F7D47#337D43#377D3F#3B7D3B#3E7D38#427D34#477D2F

Colorpallet from #2F477D to #2F7D47 and to #7D2F47
#2F477D#2F477D#2F477D#2F477D#2F477D#2F477D#2F477D
#2F5074#314E74#334C74#354A74#374874#394674#3B4374
#2F586C#33546C#37506C#3B4C6C#3F486C#43446C#483F6C
#2F6163#355B63#3B5563#414F63#474963#4D4363#543B63
#2F6A5A#37625A#3F5A5A#47525A#4F4A5A#57425A#61385A
#2F7252#396852#435E52#4D5452#574A52#614052#6D3452
#2F7D47#3B7147#486447#545847#614B47#6D3F47#7D2F47

Colorpallet from #2F477D to #2F7D47 and to #7D472F
#2F477D#2F477D#2F477D#2F477D#2F477D#2F477D#2F477D
#2F5074#314F74#334D73#354C73#374A72#394972#3B4771
#2F586C#33556B#375369#3B5068#3F4D67#434A66#484764
#2F6163#355D61#3B595F#41555E#47505C#4D4C5A#544758
#2F6A5A#376458#3F5F55#475953#4F5450#574E4E#61474B
#2F7252#396B4F#43644C#4D5D49#575646#615043#6D473F
#2F7D47#3B7443#486C3F#54633B#615A38#6D5234#7D472F

Colorpallet from #2F477D to #472F7D and to #477D2F
#2F477D#2F477D#2F477D#2F477D#2F477D#2F477D#2F477D
#33437D#33457B#334779#334977#334B75#334D73#335071
#373F7D#374379#374775#374B71#374F6D#375369#375864
#3B3B7D#3B4177#3B4771#3B4D6B#3B5365#3B595F#3B6158
#3E387D#3E4075#3E486D#3E5065#3E585D#3E6055#3E6A4B
#42347D#423E73#424869#42525F#425C55#42664B#42723F
#472F7D#473B71#474864#475458#47614B#476D3F#477D2F

Colorpallet from #2F477D to #472F7D and to #7D2F47
#2F477D#2F477D#2F477D#2F477D#2F477D#2F477D#2F477D
#33437D#34437C#36437A#374379#384377#394376#3B4374
#373F7D#3A3F7A#3C3F78#3F3F75#423F72#453F6F#483F6C
#3B3B7D#3F3B79#433B75#473B71#4B3B6C#4F3B68#543B63
#3E387D#443877#493872#4F386C#543867#5A3861#61385A
#42347D#493476#50346F#573468#5E3461#64345B#6D3452
#472F7D#502F74#582F6C#612F63#6A2F5A#722F52#7D2F47

Colorpallet from #2F477D to #472F7D and to #7D472F
#2F477D#2F477D#2F477D#2F477D#2F477D#2F477D#2F477D
#33437D#34447B#364479#374577#384675#394673#3B4771
#373F7D#3A4079#3C4275#3F4371#42446D#454569#484764
#3B3B7D#3F3D77#433F71#47416B#4B4365#4F455F#544758
#3E387D#443A75#493D6D#4F3F65#54425D#5A4455#61474B
#42347D#493773#503A69#573D5F#5E4055#64434B#6D473F
#472F7D#503371#583764#613B58#6A3E4B#72423F#7D472F

Colorpallet from #2F477D to #477D2F and to #7D2F47
#2F477D#2F477D#2F477D#2F477D#2F477D#2F477D#2F477D
#335071#344E71#364C72#374A72#384873#394673#3B4374
#375864#3A5465#3C5067#3F4C68#424869#45446A#483F6C
#3B6158#3F5B5A#43555C#474F5D#4B495F#4F4361#543B63
#3E6A4B#44624D#495A50#4F5252#544A55#5A4257#61385A
#42723F#496842#505E45#575448#5E4A4B#64404E#6D3452
#477D2F#507133#586437#61583B#6A4B3E#723F42#7D2F47

Colorpallet from #2F477D to #477D2F and to #7D472F
#2F477D#2F477D#2F477D#2F477D#2F477D#2F477D#2F477D
#335071#344F71#364D71#374C71#384A71#394971#3B4771
#375864#3A5564#3C5364#3F5064#424D64#454A64#484764
#3B6158#3F5D58#435958#475558#4B5058#4F4C58#544758
#3E6A4B#44644B#495F4B#4F594B#54544B#5A4E4B#61474B
#42723F#496B3F#50643F#575D3F#5E563F#64503F#6D473F
#477D2F#50742F#586C2F#61632F#6A5A2F#72522F#7D472F

Colorpallet from #2F477D to #7D2F47 and to #7D472F
#2F477D#2F477D#2F477D#2F477D#2F477D#2F477D#2F477D
#3B4374#3B4474#3B4473#3B4573#3B4672#3B4672#3B4771
#483F6C#48406B#484269#484368#484467#484566#484764
#543B63#543D61#543F5F#54415E#54435C#54455A#544758
#61385A#613A58#613D55#613F53#614250#61444E#61474B
#6D3452#6D374F#6D3A4C#6D3D49#6D4046#6D4343#6D473F
#7D2F47#7D3343#7D373F#7D3B3B#7D3E38#7D4234#7D472F