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 #2C40B4 to #2CB440 and to #402CB4
#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4
#2C53A1#2C4FA4#2D4CA7#2D48AA#2E45AD#2E41B0#2F3DB4
#2C658F#2D5E95#2E579B#2F50A1#3049A7#3143AD#323AB4
#2C787C#2E6D85#2F638E#315897#324EA0#3443A9#3636B4
#2C8A6A#2E7C76#306E82#32608E#345299#3644A5#3933B4
#2C9D57#2F8C66#317A75#346984#365793#3946A1#3C30B4
#2CB440#2F9E53#328865#367378#395D8A#3C479D#402CB4

Colorpallet from #2C40B4 to #2CB440 and to #40B42C
#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4
#2C53A1#2C53A1#2D53A0#2D53A0#2E539F#2E539F#2F539E
#2C658F#2D658E#2E658D#2F658C#30658B#316589#326588
#2C787C#2E787B#2F7879#317878#327876#347875#367873
#2C8A6A#2E8A68#308A66#328A64#348A62#368A60#398A5D
#2C9D57#2F9D54#319D52#349D4F#369D4D#399D4A#3C9D47
#2CB440#2FB43D#32B43A#36B436#39B433#3CB430#40B42C

Colorpallet from #2C40B4 to #2CB440 and to #B42C40
#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4
#2C53A1#304FA1#334CA1#3748A1#3A45A1#3E41A1#423DA1
#2C658F#335E8F#3A578F#41508F#48498F#4F438F#583A8F
#2C787C#366D7C#41637C#4B587C#564E7C#60437C#6D367C
#2C8A6A#3A7C6A#486E6A#56606A#64526A#72446A#83336A
#2C9D57#3D8C57#4F7A57#606957#725757#834657#993057
#2CB440#429E40#588840#6D7340#835D40#994740#B42C40

Colorpallet from #2C40B4 to #2CB440 and to #B4402C
#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4
#2C53A1#3050A1#334DA0#374AA0#3A479F#3E449F#42409E
#2C658F#335F8E#3A598D#41538C#484D8B#4F4789#584088
#2C787C#366F7B#416679#4B5D78#565476#604B75#6D4073
#2C8A6A#3A7E68#487266#566664#645B62#724F60#83405D
#2C9D57#3D8E54#4F7F52#60704F#72614D#83534A#994047
#2CB440#42A13D#588F3A#6D7C36#836A33#995730#B4402C

Colorpallet from #2C40B4 to #402CB4 and to #40B42C
#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4
#2F3DB4#2F41B0#2F44AD#2F48A9#2F4BA6#2F4FA2#2F539E
#323AB4#3241AD#3248A6#324F9F#325698#325C91#326588
#3636B4#3641AA#364B9F#365695#36608A#366B80#367873
#3933B4#3941A6#394F98#395D8A#396B7C#39796E#398A5D
#3C30B4#3C41A3#3C5391#3C6480#3C766E#3C875D#3C9D47
#402CB4#40429E#405888#406D73#40835D#409947#40B42C

Colorpallet from #2C40B4 to #402CB4 and to #B42C40
#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4
#2F3DB4#323DB1#353DAE#383DAB#3B3DA8#3E3DA5#423DA1
#323AB4#383AAE#3E3AA8#443AA2#4A3A9C#503A96#583A8F
#3636B4#3F36AB#4836A2#503699#593690#623687#6D367C
#3933B4#4533A8#51339C#5D3390#683385#743379#83336A
#3C30B4#4B30A5#5A3096#693087#783078#86306A#993057
#402CB4#532CA1#652C8F#782C7C#8A2C6A#9D2C57#B42C40

Colorpallet from #2C40B4 to #402CB4 and to #B4402C
#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4
#2F3DB4#323DB0#353EAD#383EA9#3B3FA6#3E3FA2#42409E
#323AB4#383BAD#3E3CA6#443D9F#4A3E98#503F91#584088
#3636B4#3F38AA#48399F#503B95#593C8A#623E80#6D4073
#3933B4#4535A6#513798#5D398A#683B7C#743D6E#83405D
#3C30B4#4B33A3#5A3591#693880#783A6E#863D5D#994047
#402CB4#532F9E#653288#783673#8A395D#9D3C47#B4402C

Colorpallet from #2C40B4 to #40B42C and to #B42C40
#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4
#2F539E#324F9E#354C9F#38489F#3B45A0#3E41A0#423DA1
#326588#385E89#3E578A#44508B#4A498C#50438E#583A8F
#367873#3F6D74#486376#505877#594E79#62437A#6D367C
#398A5D#457C5F#516E61#5D6063#685265#744467#83336A
#3C9D47#4B8C4A#5A7A4C#69694F#785751#864654#993057
#40B42C#539E2F#658832#787336#8A5D39#9D473C#B42C40

Colorpallet from #2C40B4 to #40B42C and to #B4402C
#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4
#2F539E#32509E#354D9E#384A9E#3B479E#3E449E#42409E
#326588#385F88#3E5988#445388#4A4D88#504788#584088
#367873#3F6F73#486673#505D73#595473#624B73#6D4073
#398A5D#457E5D#51725D#5D665D#685B5D#744F5D#83405D
#3C9D47#4B8E47#5A7F47#697047#786147#865347#994047
#40B42C#53A12C#658F2C#787C2C#8A6A2C#9D572C#B4402C

Colorpallet from #2C40B4 to #B42C40 and to #B4402C
#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4#2C40B4
#423DA1#423DA1#423EA0#423EA0#423F9F#423F9F#42409E
#583A8F#583B8E#583C8D#583D8C#583E8B#583F89#584088
#6D367C#6D387B#6D3979#6D3B78#6D3C76#6D3E75#6D4073
#83336A#833568#833766#833964#833B62#833D60#83405D
#993057#993354#993552#99384F#993A4D#993D4A#994047
#B42C40#B42F3D#B4323A#B43636#B43933#B43C30#B4402C