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 #2F407B to #2F7B40 and to #402F7B
#2F407B#2F407B#2F407B#2F407B#2F407B#2F407B#2F407B
#2F4972#2F4773#304575#304376#314178#313F79#323D7B
#2F5368#304F6B#314B6E#314771#324474#334077#343B7B
#2F5C5F#305663#325068#334B6C#344571#353F75#37387B
#2F6655#315E5B#335661#344E67#36476D#383F73#3A357B
#2F6F4C#316554#335B5B#365263#38486A#3A3E72#3D327B
#2F7B40#326F49#346353#37575C#3A4A66#3D3E6F#402F7B

Colorpallet from #2F407B to #2F7B40 and to #407B2F
#2F407B#2F407B#2F407B#2F407B#2F407B#2F407B#2F407B
#2F4972#2F4972#304971#304971#314970#314970#32496F
#2F5368#305367#315366#315366#325365#335364#345363
#2F5C5F#305C5E#325C5C#335C5B#345C5A#355C59#375C57
#2F6655#316653#336651#346650#36664E#38664C#3A664A
#2F6F4C#316F4A#336F48#366F45#386F43#3A6F41#3D6F3E
#2F7B40#327B3D#347B3B#377B38#3A7B35#3D7B32#407B2F

Colorpallet from #2F407B to #2F7B40 and to #7B2F40
#2F407B#2F407B#2F407B#2F407B#2F407B#2F407B#2F407B
#2F4972#314772#334572#354372#374172#393F72#3B3D72
#2F5368#334F68#374B68#3B4768#3E4468#424068#473B68
#2F5C5F#35565F#3B505F#404B5F#46455F#4C3F5F#53385F
#2F6655#375E55#3F5655#474E55#4E4755#563F55#603555
#2F6F4C#39654C#435B4C#4C524C#56484C#603E4C#6C324C
#2F7B40#3B6F40#476340#535740#604A40#6C3E40#7B2F40

Colorpallet from #2F407B to #2F7B40 and to #7B402F
#2F407B#2F407B#2F407B#2F407B#2F407B#2F407B#2F407B
#2F4972#314872#334671#354571#374370#394270#3B406F
#2F5368#335067#374D66#3B4A66#3E4765#424464#474063
#2F5C5F#35585E#3B535C#404F5B#464A5A#4C4659#534057
#2F6655#376053#3F5A51#475450#4E4E4E#56484C#60404A
#2F6F4C#39674A#436048#4C5845#565143#604941#6C403E
#2F7B40#3B723D#47683B#535F38#605535#6C4C32#7B402F

Colorpallet from #2F407B to #402F7B and to #407B2F
#2F407B#2F407B#2F407B#2F407B#2F407B#2F407B#2F407B
#323D7B#323F79#324177#324375#324573#324771#32496F
#343B7B#343F77#344373#34476F#344A6C#344E68#345363
#37387B#373E75#37446F#37496A#374F64#37555E#375C57
#3A357B#3A3D73#3A456B#3A4D63#3A545C#3A5C54#3A664A
#3D327B#3D3C71#3D4667#3D4F5E#3D5954#3D634A#3D6F3E
#402F7B#403B6F#404763#405357#40604A#406C3E#407B2F

Colorpallet from #2F407B to #402F7B and to #7B2F40
#2F407B#2F407B#2F407B#2F407B#2F407B#2F407B#2F407B
#323D7B#333D7A#353D78#363D77#383D75#393D74#3B3D72
#343B7B#373B78#3A3B75#3D3B72#403B6F#433B6C#473B68
#37387B#3B3877#403872#44386E#493869#4D3865#53385F
#3A357B#403575#46356F#4C3569#523563#58355D#603555
#3D327B#453273#4C326C#543264#5B325D#633255#6C324C
#402F7B#492F72#532F68#5C2F5F#662F55#6F2F4C#7B2F40

Colorpallet from #2F407B to #402F7B and to #7B402F
#2F407B#2F407B#2F407B#2F407B#2F407B#2F407B#2F407B
#323D7B#333D79#353E77#363E75#383F73#393F71#3B406F
#343B7B#373C77#3A3D73#3D3D6F#403E6C#433F68#474063
#37387B#3B3975#403B6F#443C6A#493D64#4D3E5E#534057
#3A357B#403773#46396B#4C3A63#523C5C#583E54#60404A
#3D327B#453471#4C3667#54395E#5B3B54#633D4A#6C403E
#402F7B#49326F#533463#5C3757#663A4A#6F3D3E#7B402F

Colorpallet from #2F407B to #407B2F and to #7B2F40
#2F407B#2F407B#2F407B#2F407B#2F407B#2F407B#2F407B
#32496F#33476F#354570#364370#384171#393F71#3B3D72
#345363#374F64#3A4B65#3D4765#404466#434067#473B68
#375C57#3B5658#40505A#444B5B#49455C#4D3F5D#53385F
#3A664A#405E4C#46564E#4C4E4F#524751#583F53#603555
#3D6F3E#456540#4C5B42#545245#5B4847#633E49#6C324C
#407B2F#496F32#536334#5C5737#664A3A#6F3E3D#7B2F40

Colorpallet from #2F407B to #407B2F and to #7B402F
#2F407B#2F407B#2F407B#2F407B#2F407B#2F407B#2F407B
#32496F#33486F#35466F#36456F#38436F#39426F#3B406F
#345363#375063#3A4D63#3D4A63#404763#434463#474063
#375C57#3B5857#405357#444F57#494A57#4D4657#534057
#3A664A#40604A#465A4A#4C544A#524E4A#58484A#60404A
#3D6F3E#45673E#4C603E#54583E#5B513E#63493E#6C403E
#407B2F#49722F#53682F#5C5F2F#66552F#6F4C2F#7B402F

Colorpallet from #2F407B to #7B2F40 and to #7B402F
#2F407B#2F407B#2F407B#2F407B#2F407B#2F407B#2F407B
#3B3D72#3B3D72#3B3E71#3B3E71#3B3F70#3B3F70#3B406F
#473B68#473C67#473D66#473D66#473E65#473F64#474063
#53385F#53395E#533B5C#533C5B#533D5A#533E59#534057
#603555#603753#603951#603A50#603C4E#603E4C#60404A
#6C324C#6C344A#6C3648#6C3945#6C3B43#6C3D41#6C403E
#7B2F40#7B323D#7B343B#7B3738#7B3A35#7B3D32#7B402F