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 #2C4C6A to #2C6A4C and to #4C2C6A
#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A
#2C5165#2D4F66#2E4E67#2E4C67#2F4B68#304969#31476A
#2C5660#2E5362#2F5063#314C65#324966#344668#36426A
#2C5A5C#2E555E#315160#334C63#364765#384367#3B3D6A
#2C5F57#2F595A#32535D#364C60#394663#3C4066#40386A
#2C6452#305C56#34545A#384C5E#3D4461#413C65#46326A
#2C6A4C#316051#365656#3B4C5A#40425F#463864#4C2C6A

Colorpallet from #2C4C6A to #2C6A4C and to #4C6A2C
#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A
#2C5165#2D5164#2E5163#2E5163#2F5162#305161#315160
#2C5660#2E565E#2F565D#31565B#32565A#345658#365656
#2C5A5C#2E5A59#315A57#335A54#365A52#385A4F#3B5A4C
#2C5F57#2F5F54#325F50#365F4D#395F4A#3C5F46#405F42
#2C6452#30644E#34644A#386446#3D6441#41643D#466438
#2C6A4C#316A47#366A42#3B6A3D#406A38#466A32#4C6A2C

Colorpallet from #2C4C6A to #2C6A4C and to #6A2C4C
#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A
#2C5165#2E4F65#2F4E65#314C65#324B65#344965#364765
#2C5660#2F5360#325060#364C60#394960#3C4660#404260
#2C5A5C#31555C#36515C#3A4C5C#3F475C#44435C#4A3D5C
#2C5F57#325957#395357#3F4C57#464657#4C4057#543857
#2C6452#345C52#3C5452#444C52#4C4452#543C52#5E3252
#2C6A4C#36604C#40564C#4A4C4C#54424C#5E384C#6A2C4C

Colorpallet from #2C4C6A to #2C6A4C and to #6A4C2C
#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A
#2C5165#2E5064#2F4F63#314F63#324E62#344D61#364C60
#2C5660#2F545E#32535D#36515B#39505A#3C4E58#404C56
#2C5A5C#315859#365657#3A5354#3F5152#444F4F#4A4C4C
#2C5F57#325C54#395950#3F564D#46534A#4C5046#544C42
#2C6452#34604E#3C5C4A#445846#4C5541#54513D#5E4C38
#2C6A4C#366547#406042#4A5C3D#545738#5E5232#6A4C2C

Colorpallet from #2C4C6A to #4C2C6A and to #4C6A2C
#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A
#31476A#314968#314A67#314C65#314D64#314F62#315160
#36426A#364567#364864#364C60#364F5D#36525A#365656
#3B3D6A#3B4265#3B4660#3B4B5C#3B5057#3B5452#3B5A4C
#40386A#403E64#40445D#404B57#405150#40574A#405F42
#46326A#463A62#46425A#464A52#46524A#465A42#466438
#4C2C6A#4C3660#4C4056#4C4A4C#4C5442#4C5E38#4C6A2C

Colorpallet from #2C4C6A to #4C2C6A and to #6A2C4C
#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A
#31476A#324769#334768#334768#344767#354766#364765
#36426A#384268#394267#3B4265#3C4264#3E4262#404260
#3B3D6A#3D3D68#403D66#423D63#453D61#473D5F#4A3D5C
#40386A#433867#463864#4A3861#4D385E#50385B#543857
#46326A#4A3266#4E3262#52325E#55325B#593257#5E3252
#4C2C6A#512C65#562C60#5A2C5C#5F2C57#642C52#6A2C4C

Colorpallet from #2C4C6A to #4C2C6A and to #6A4C2C
#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A
#31476A#324868#334967#334965#344A64#354B62#364C60
#36426A#384467#394564#3B4760#3C485D#3E4A5A#404C56
#3B3D6A#3D3F65#404260#42445C#454757#474952#4A4C4C
#40386A#433B64#463E5D#4A4257#4D4550#50484A#544C42
#46326A#4A3662#4E3A5A#523E52#55434A#594742#5E4C38
#4C2C6A#513160#563656#5A3B4C#5F4042#644638#6A4C2C

Colorpallet from #2C4C6A to #4C6A2C and to #6A2C4C
#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A
#315160#324F61#334E62#334C62#344B63#354964#364765
#365656#385358#395059#3B4C5B#3C495C#3E465E#404260
#3B5A4C#3D554F#405151#424C54#454756#474359#4A3D5C
#405F42#435945#465349#4A4C4C#4D464F#504053#543857
#466438#4A5C3C#4E5440#524C44#554449#593C4D#5E3252
#4C6A2C#516031#565636#5A4C3B#5F4240#643846#6A2C4C

Colorpallet from #2C4C6A to #4C6A2C and to #6A4C2C
#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A
#315160#325060#334F60#334F60#344E60#354D60#364C60
#365656#385456#395356#3B5156#3C5056#3E4E56#404C56
#3B5A4C#3D584C#40564C#42534C#45514C#474F4C#4A4C4C
#405F42#435C42#465942#4A5642#4D5342#505042#544C42
#466438#4A6038#4E5C38#525838#555538#595138#5E4C38
#4C6A2C#51652C#56602C#5A5C2C#5F572C#64522C#6A4C2C

Colorpallet from #2C4C6A to #6A2C4C and to #6A4C2C
#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A#2C4C6A
#364765#364864#364963#364963#364A62#364B61#364C60
#404260#40445E#40455D#40475B#40485A#404A58#404C56
#4A3D5C#4A3F59#4A4257#4A4454#4A4752#4A494F#4A4C4C
#543857#543B54#543E50#54424D#54454A#544846#544C42
#5E3252#5E364E#5E3A4A#5E3E46#5E4341#5E473D#5E4C38
#6A2C4C#6A3147#6A3642#6A3B3D#6A4038#6A4632#6A4C2C