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 #2C3C8A to #2C8A3C and to #3C2C8A
#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A
#2C487E#2C4680#2D4382#2D4184#2E3E86#2E3C88#2F398A
#2C5571#2D5075#2E4B79#2E477D#2F4281#303D85#31378A
#2C6165#2D5A6B#2F5371#304B77#31447D#323D83#34348A
#2C6E58#2E6460#2F5B68#315170#324878#343E80#36328A
#2C7A4C#2E6E56#306260#32566A#344A74#363E7E#392F8A
#2C8A3C#2F7B48#316C55#345D61#364E6E#393F7A#3C2C8A

Colorpallet from #2C3C8A to #2C8A3C and to #3C8A2C
#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A
#2C487E#2C487E#2D487D#2D487D#2E487C#2E487C#2F487B
#2C5571#2D5570#2E556F#2E556F#2F556E#30556D#31556C
#2C6165#2D6164#2F6162#306161#316160#32615F#34615D
#2C6E58#2E6E56#2F6E55#316E53#326E52#346E50#366E4E
#2C7A4C#2E7A4A#307A48#327A46#347A44#367A42#397A3F
#2C8A3C#2F8A39#318A37#348A34#368A32#398A2F#3C8A2C

Colorpallet from #2C3C8A to #2C8A3C and to #8A2C3C
#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A
#2C487E#2E467E#31437E#33417E#363E7E#383C7E#3B397E
#2C5571#315071#364B71#3A4771#3F4271#443D71#4A3771
#2C6165#335A65#3A5365#424B65#494465#503D65#593465
#2C6E58#366458#3F5B58#495158#524858#5C3E58#683258
#2C7A4C#386E4C#44624C#50564C#5C4A4C#683E4C#772F4C
#2C8A3C#3B7B3C#4A6C3C#595D3C#684E3C#773F3C#8A2C3C

Colorpallet from #2C3C8A to #2C8A3C and to #8A3C2C
#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A
#2C487E#2E467E#31447D#33427D#36407C#383E7C#3B3C7B
#2C5571#315170#364D6F#3A496F#3F456E#44416D#4A3C6C
#2C6165#335B64#3A5562#424F61#494960#50435F#593C5D
#2C6E58#366656#3F5E55#495653#524E52#5C4650#683C4E
#2C7A4C#38704A#446648#505C46#5C5244#684842#773C3F
#2C8A3C#3B7E39#4A7137#596534#685832#774C2F#8A3C2C

Colorpallet from #2C3C8A to #3C2C8A and to #3C8A2C
#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A
#2F398A#2F3B88#2F3E85#2F4083#2F4380#2F457E#2F487B
#31378A#313C85#314180#31457C#314A77#314F72#31556C
#34348A#343B83#34427C#344A74#34516D#345866#34615D
#36328A#363C80#364577#364F6D#365864#36625A#366E4E
#392F8A#393B7E#394772#395366#395F5A#396B4E#397A3F
#3C2C8A#3C3B7B#3C4A6C#3C595D#3C684E#3C773F#3C8A2C

Colorpallet from #2C3C8A to #3C2C8A and to #8A2C3C
#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A
#2F398A#313988#333986#353984#373982#393980#3B397E
#31378A#353786#393782#3D377E#41377A#453776#4A3771
#34348A#3A3484#40347E#463478#4C3472#52346C#593465
#36328A#3E3282#46327A#4E3272#56326A#5E3262#683258
#392F8A#432F80#4D2F76#572F6C#612F62#6B2F58#772F4C
#3C2C8A#482C7E#552C71#612C65#6E2C58#7A2C4C#8A2C3C

Colorpallet from #2C3C8A to #3C2C8A and to #8A3C2C
#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A
#2F398A#313988#333A85#353A83#373B80#393B7E#3B3C7B
#31378A#353885#393980#3D397C#413A77#453B72#4A3C6C
#34348A#3A3583#40377C#463874#4C396D#523A66#593C5D
#36328A#3E3480#463577#4E376D#563864#5E3A5A#683C4E
#392F8A#43317E#4D3372#573566#61375A#6B394E#773C3F
#3C2C8A#482F7B#55316C#61345D#6E364E#7A393F#8A3C2C

Colorpallet from #2C3C8A to #3C8A2C and to #8A2C3C
#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A
#2F487B#31467B#33437C#35417C#373E7D#393C7D#3B397E
#31556C#35506D#394B6E#3D476E#41426F#453D70#4A3771
#34615D#3A5A5E#405360#464B61#4C4462#523D63#593465
#366E4E#3E6450#465B51#4E5153#564854#5E3E56#683258
#397A3F#436E41#4D6243#575645#614A47#6B3E49#772F4C
#3C8A2C#487B2F#556C31#615D34#6E4E36#7A3F39#8A2C3C

Colorpallet from #2C3C8A to #3C8A2C and to #8A3C2C
#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A
#2F487B#31467B#33447B#35427B#37407B#393E7B#3B3C7B
#31556C#35516C#394D6C#3D496C#41456C#45416C#4A3C6C
#34615D#3A5B5D#40555D#464F5D#4C495D#52435D#593C5D
#366E4E#3E664E#465E4E#4E564E#564E4E#5E464E#683C4E
#397A3F#43703F#4D663F#575C3F#61523F#6B483F#773C3F
#3C8A2C#487E2C#55712C#61652C#6E582C#7A4C2C#8A3C2C

Colorpallet from #2C3C8A to #8A2C3C and to #8A3C2C
#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A#2C3C8A
#3B397E#3B397E#3B3A7D#3B3A7D#3B3B7C#3B3B7C#3B3C7B
#4A3771#4A3870#4A396F#4A396F#4A3A6E#4A3B6D#4A3C6C
#593465#593564#593762#593861#593960#593A5F#593C5D
#683258#683456#683555#683753#683852#683A50#683C4E
#772F4C#77314A#773348#773546#773744#773942#773C3F
#8A2C3C#8A2F39#8A3137#8A3434#8A3632#8A392F#8A3C2C