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 #2F407C to #2F7C40 and to #402F7C
#2F407C#2F407C#2F407C#2F407C#2F407C#2F407C#2F407C
#2F4A72#2F4874#304675#304477#314278#31407A#323D7C
#2F5369#304F6C#314B6F#314772#324475#334078#343B7C
#2F5D5F#305764#325168#334B6D#344572#353F76#37387C
#2F6656#315E5C#335662#344E68#36476E#383F74#3A357C
#2F704C#316654#335C5B#365263#38486B#3A3E72#3D327C
#2F7C40#32704A#346353#37575D#3A4B66#3D3E70#402F7C

Colorpallet from #2F407C to #2F7C40 and to #407C2F
#2F407C#2F407C#2F407C#2F407C#2F407C#2F407C#2F407C
#2F4A72#2F4A72#304A71#304A71#314A71#314A70#324A70
#2F5369#305368#315367#315366#325365#335364#345363
#2F5D5F#305D5E#325D5C#335D5B#345D5A#355D59#375D57
#2F6656#316654#336652#346651#36664F#38664D#3A664B
#2F704C#31704A#337048#367045#387043#3A7041#3D703E
#2F7C40#327C3D#347C3B#377C38#3A7C35#3D7C32#407C2F

Colorpallet from #2F407C to #2F7C40 and to #7C2F40
#2F407C#2F407C#2F407C#2F407C#2F407C#2F407C#2F407C
#2F4A72#314872#334672#354472#374272#394072#3B3D72
#2F5369#334F69#374B69#3B4769#3F4469#434069#483B69
#2F5D5F#35575F#3B515F#414B5F#47455F#4D3F5F#54385F
#2F6656#375E56#3F5656#474E56#4E4756#563F56#603556
#2F704C#39664C#435C4C#4D524C#57484C#613E4C#6D324C
#2F7C40#3B7040#486340#545740#604B40#6D3E40#7C2F40

Colorpallet from #2F407C to #2F7C40 and to #7C402F
#2F407C#2F407C#2F407C#2F407C#2F407C#2F407C#2F407C
#2F4A72#314872#334771#354571#374471#394270#3B4070
#2F5369#335068#374D67#3B4A66#3F4765#434464#484063
#2F5D5F#35585E#3B545C#414F5B#474A5A#4D4659#544057
#2F6656#376054#3F5A52#475451#4E4E4F#56484D#60404B
#2F704C#39684A#436148#4D5945#575143#614A41#6D403E
#2F7C40#3B723D#48693B#545F38#605635#6D4C32#7C402F

Colorpallet from #2F407C to #402F7C and to #407C2F
#2F407C#2F407C#2F407C#2F407C#2F407C#2F407C#2F407C
#323D7C#323F7A#324178#324376#324574#324772#324A70
#343B7C#343F78#344374#344770#344A6C#344E68#345363
#37387C#373E76#374470#374A6A#375064#37565E#375D57
#3A357C#3A3D74#3A456C#3A4D64#3A545D#3A5C55#3A664B
#3D327C#3D3C72#3D4668#3D505E#3D5A54#3D644A#3D703E
#402F7C#403B70#404863#405457#40604B#406D3E#407C2F

Colorpallet from #2F407C to #402F7C and to #7C2F40
#2F407C#2F407C#2F407C#2F407C#2F407C#2F407C#2F407C
#323D7C#333D7A#353D79#363D77#383D76#393D74#3B3D72
#343B7C#373B79#3A3B76#3E3B73#413B70#443B6D#483B69
#37387C#3C3877#403873#45386E#4A3869#4E3865#54385F
#3A357C#403576#463570#4C356A#523564#58355E#603556
#3D327C#453274#4C326D#543265#5C325D#633256#6D324C
#402F7C#4A2F72#532F69#5D2F5F#662F56#702F4C#7C2F40

Colorpallet from #2F407C to #402F7C and to #7C402F
#2F407C#2F407C#2F407C#2F407C#2F407C#2F407C#2F407C
#323D7C#333D7A#353E78#363E76#383F74#393F72#3B4070
#343B7C#373C78#3A3D74#3E3D70#413E6C#443F68#484063
#37387C#3C3976#403B70#453C6A#4A3D64#4E3E5E#544057
#3A357C#403774#46396C#4C3A64#523C5D#583E55#60404B
#3D327C#453472#4C3668#54395E#5C3B54#633D4A#6D403E
#402F7C#4A3270#533463#5D3757#663A4B#703D3E#7C402F

Colorpallet from #2F407C to #407C2F and to #7C2F40
#2F407C#2F407C#2F407C#2F407C#2F407C#2F407C#2F407C
#324A70#334870#354671#364471#384271#394072#3B3D72
#345363#374F64#3A4B65#3E4766#414467#444068#483B69
#375D57#3C5758#40515A#454B5B#4A455C#4E3F5D#54385F
#3A664B#405E4D#46564F#4C4E50#524752#583F54#603556
#3D703E#456640#4C5C42#545245#5C4847#633E49#6D324C
#407C2F#4A7032#536334#5D5737#664B3A#703E3D#7C2F40

Colorpallet from #2F407C to #407C2F and to #7C402F
#2F407C#2F407C#2F407C#2F407C#2F407C#2F407C#2F407C
#324A70#334870#354770#364570#384470#394270#3B4070
#345363#375063#3A4D63#3E4A63#414763#444463#484063
#375D57#3C5857#405457#454F57#4A4A57#4E4657#544057
#3A664B#40604B#465A4B#4C544B#524E4B#58484B#60404B
#3D703E#45683E#4C613E#54593E#5C513E#634A3E#6D403E
#407C2F#4A722F#53692F#5D5F2F#66562F#704C2F#7C402F

Colorpallet from #2F407C to #7C2F40 and to #7C402F
#2F407C#2F407C#2F407C#2F407C#2F407C#2F407C#2F407C
#3B3D72#3B3D72#3B3E71#3B3E71#3B3F71#3B3F70#3B4070
#483B69#483C68#483D67#483D66#483E65#483F64#484063
#54385F#54395E#543B5C#543C5B#543D5A#543E59#544057
#603556#603754#603952#603A51#603C4F#603E4D#60404B
#6D324C#6D344A#6D3648#6D3945#6D3B43#6D3D41#6D403E
#7C2F40#7C323D#7C343B#7C3738#7C3A35#7C3D32#7C402F