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 #3C4D6A to #3C6A4D and to #4D3C6A
#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A
#3C5265#3C5166#3D4F67#3D4E67#3E4D68#3E4C69#3F4A6A
#3C5661#3D5462#3E5264#3E4F65#3F4D67#404B68#41486A
#3C5B5C#3D575E#3F5460#405063#414D65#424967#44456A
#3C6057#3E5B5A#40565D#415260#434D63#454866#47426A
#3C6453#3E5E57#40585A#43525E#454C62#474665#4A3F6A
#3C6A4D#3F6352#415B56#44545B#474D60#4A4564#4D3C6A

Colorpallet from #3C4D6A to #3C6A4D and to #4D6A3C
#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A
#3C5265#3C5265#3D5264#3D5264#3E5264#3E5263#3F5263
#3C5661#3D5660#3E565F#3E565E#3F565D#40565C#41565B
#3C5B5C#3D5B5B#3F5B59#405B58#415B57#425B56#445B54
#3C6057#3E6055#406054#416052#436051#45604F#47604D
#3C6453#3E6451#40644F#43644C#45644A#476448#4A6445
#3C6A4D#3F6A4A#416A48#446A45#476A42#4A6A3F#4D6A3C

Colorpallet from #3C4D6A to #3C6A4D and to #6A3C4D
#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A
#3C5265#3D5165#3E4F65#3F4E65#404D65#424C65#434A65
#3C5661#3E5461#415261#434F61#464D61#484B61#4B4861
#3C5B5C#40575C#43545C#47505C#4A4D5C#4E495C#52455C
#3C6057#415B57#455657#4A5257#4F4D57#534857#594257
#3C6453#425E53#485853#4E5253#544C53#5A4653#613F53
#3C6A4D#43634D#4B5B4D#52544D#594D4D#61454D#6A3C4D

Colorpallet from #3C4D6A to #3C6A4D and to #6A4D3C
#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A
#3C5265#3D5165#3E5064#3F5064#404F64#424E63#434D63
#3C5661#3E5560#41535F#43525E#46505D#484F5C#4B4D5B
#3C5B5C#40595B#435759#475458#4A5257#4E5056#524D54
#3C6057#415D55#455A54#4A5752#4F5451#53514F#594D4D
#3C6453#426051#485D4F#4E594C#54554A#5A5248#614D45
#3C6A4D#43654A#4B6148#525C45#595742#61533F#6A4D3C

Colorpallet from #3C4D6A to #4D3C6A and to #4D6A3C
#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A
#3F4A6A#3F4B69#3F4D68#3F4E67#3F4F66#3F5064#3F5263
#41486A#414A68#414C65#414F63#415160#41535E#41565B
#44456A#444966#444C63#44505F#44535C#445758#445B54
#47426A#474765#474C61#47505C#475557#475A53#47604D
#4A3F6A#4A4564#4A4B5E#4A5158#4A5752#4A5D4C#4A6445
#4D3C6A#4D4363#4D4B5B#4D5254#4D594D#4D6145#4D6A3C

Colorpallet from #3C4D6A to #4D3C6A and to #6A3C4D
#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A
#3F4A6A#404A69#404A68#414A68#424A67#424A66#434A65
#41486A#434869#444867#464866#474864#494863#4B4861
#44456A#464568#484566#4B4563#4D4561#4F455F#52455C
#47426A#4A4267#4D4264#504261#53425E#55425B#594257
#4A3F6A#4E3F66#513F63#553F5F#593F5B#5C3F58#613F53
#4D3C6A#523C65#563C61#5B3C5C#603C57#643C53#6A3C4D

Colorpallet from #3C4D6A to #4D3C6A and to #6A4D3C
#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A
#3F4A6A#404A69#404B68#414B67#424C66#424C64#434D63
#41486A#434968#444A65#464A63#474B60#494C5E#4B4D5B
#44456A#464666#484863#4B495F#4D4A5C#4F4B58#524D54
#47426A#4A4465#4D4661#50475C#534957#554B53#594D4D
#4A3F6A#4E4164#51435E#554658#594852#5C4A4C#614D45
#4D3C6A#523F63#56415B#5B4454#60474D#644A45#6A4D3C

Colorpallet from #3C4D6A to #4D6A3C and to #6A3C4D
#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A
#3F5263#405163#404F64#414E64#424D64#424C65#434A65
#41565B#43545C#44525D#464F5E#474D5F#494B60#4B4861
#445B54#465755#485457#4B5058#4D4D59#4F495A#52455C
#47604D#4A5B4F#4D5650#505252#534D53#554855#594257
#4A6445#4E5E47#515849#55524C#594C4E#5C4650#613F53
#4D6A3C#52633F#565B41#5B5444#604D47#64454A#6A3C4D

Colorpallet from #3C4D6A to #4D6A3C and to #6A4D3C
#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A
#3F5263#405163#405063#415063#424F63#424E63#434D63
#41565B#43555B#44535B#46525B#47505B#494F5B#4B4D5B
#445B54#465954#485754#4B5454#4D5254#4F5054#524D54
#47604D#4A5D4D#4D5A4D#50574D#53544D#55514D#594D4D
#4A6445#4E6045#515D45#555945#595545#5C5245#614D45
#4D6A3C#52653C#56613C#5B5C3C#60573C#64533C#6A4D3C

Colorpallet from #3C4D6A to #6A3C4D and to #6A4D3C
#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A#3C4D6A
#434A65#434A65#434B64#434B64#434C64#434C63#434D63
#4B4861#4B4960#4B4A5F#4B4A5E#4B4B5D#4B4C5C#4B4D5B
#52455C#52465B#524859#524958#524A57#524B56#524D54
#594257#594455#594654#594752#594951#594B4F#594D4D
#613F53#614151#61434F#61464C#61484A#614A48#614D45
#6A3C4D#6A3F4A#6A4148#6A4445#6A4742#6A4A3F#6A4D3C