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 #2F3B7B to #2F7B3B and to #3B2F7B
#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B
#2F4571#2F4373#304174#303F76#303D77#313B79#31397B
#2F4F67#304B6A#30476D#314371#324074#323C77#33377B
#2F5A5C#305461#314E66#32486B#334270#343C75#35357B
#2F6452#305C59#32545F#334C66#34456C#353D73#37337B
#2F6E48#316450#325A58#345160#354769#373D71#39317B
#2F7B3B#316F45#33634F#35575A#374A64#393E6E#3B2F7B

Colorpallet from #2F3B7B to #2F7B3B and to #3B7B2F
#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B
#2F4571#2F4571#304570#304570#304570#31456F#31456F
#2F4F67#304F66#304F66#314F65#324F64#324F64#334F63
#2F5A5C#305A5B#315A5A#325A5A#335A59#345A58#355A57
#2F6452#306451#32644F#33644E#34644D#35644C#37644A
#2F6E48#316E46#326E45#346E43#356E42#376E40#396E3E
#2F7B3B#317B39#337B37#357B35#377B33#397B31#3B7B2F

Colorpallet from #2F3B7B to #2F7B3B and to #7B2F3B
#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B
#2F4571#314371#334171#353F71#373D71#393B71#3B3971
#2F4F67#334B67#374767#3B4367#3E4067#423C67#473767
#2F5A5C#35545C#3B4E5C#40485C#46425C#4C3C5C#53355C
#2F6452#375C52#3F5452#474C52#4E4552#563D52#603352
#2F6E48#396448#435A48#4C5148#564748#603D48#6C3148
#2F7B3B#3B6F3B#47633B#53573B#604A3B#6C3E3B#7B2F3B

Colorpallet from #2F3B7B to #2F7B3B and to #7B3B2F
#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B
#2F4571#314371#334270#354070#373F70#393D6F#3B3B6F
#2F4F67#334C66#374966#3B4565#3E4264#423F64#473B63
#2F5A5C#35555B#3B505A#404B5A#464659#4C4158#533B57
#2F6452#375D51#3F574F#47504E#4E4A4D#56434C#603B4A
#2F6E48#396646#435E45#4C5643#564D42#604540#6C3B3E
#2F7B3B#3B7139#476737#535C35#605233#6C4831#7B3B2F

Colorpallet from #2F3B7B to #3B2F7B and to #3B7B2F
#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B
#31397B#313B79#313D77#313F75#314173#314371#31456F
#33377B#333B77#333F73#33436F#33466C#334A68#334F63
#35357B#353B75#35416F#35476A#354D64#35535E#355A57
#37337B#373B73#37436B#374B63#37525C#375A54#37644A
#39317B#393B71#394567#394E5E#395854#39624A#396E3E
#3B2F7B#3B3B6F#3B4763#3B5357#3B604A#3B6C3E#3B7B2F

Colorpallet from #2F3B7B to #3B2F7B and to #7B2F3B
#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B
#31397B#333979#343978#363976#373975#393973#3B3971
#33377B#363778#393775#3D3771#40376E#43376B#473767
#35357B#3A3576#3F3571#43356C#483567#4D3562#53355C
#37337B#3E3374#44336E#4B3367#513361#58335A#603352
#39317B#413173#49316B#513163#5A315A#623152#6C3148
#3B2F7B#452F71#4F2F67#5A2F5C#642F52#6E2F48#7B2F3B

Colorpallet from #2F3B7B to #3B2F7B and to #7B3B2F
#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B
#31397B#333979#343A77#363A75#373A73#393B71#3B3B6F
#33377B#363877#393873#3D396F#403A6C#433A68#473B63
#35357B#3A3675#3F376F#43386A#483964#4D3A5E#533B57
#37337B#3E3473#44366B#4B3763#51385C#583954#603B4A
#39317B#413371#493467#51365E#5A3754#62394A#6C3B3E
#3B2F7B#45316F#4F3363#5A3557#64374A#6E393E#7B3B2F

Colorpallet from #2F3B7B to #3B7B2F and to #7B2F3B
#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B
#31456F#33436F#344170#363F70#373D70#393B71#3B3971
#334F63#364B64#394764#3D4365#404066#433C66#473767
#355A57#3A5458#3F4E59#434859#48425A#4D3C5B#53355C
#37644A#3E5C4B#44544D#4B4C4E#51454F#583D50#603352
#396E3E#416440#495A41#515143#5A4744#623D46#6C3148
#3B7B2F#456F31#4F6333#5A5735#644A37#6E3E39#7B2F3B

Colorpallet from #2F3B7B to #3B7B2F and to #7B3B2F
#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B
#31456F#33436F#34426F#36406F#373F6F#393D6F#3B3B6F
#334F63#364C63#394963#3D4563#404263#433F63#473B63
#355A57#3A5557#3F5057#434B57#484657#4D4157#533B57
#37644A#3E5D4A#44574A#4B504A#514A4A#58434A#603B4A
#396E3E#41663E#495E3E#51563E#5A4D3E#62453E#6C3B3E
#3B7B2F#45712F#4F672F#5A5C2F#64522F#6E482F#7B3B2F

Colorpallet from #2F3B7B to #7B2F3B and to #7B3B2F
#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B#2F3B7B
#3B3971#3B3971#3B3A70#3B3A70#3B3A70#3B3B6F#3B3B6F
#473767#473866#473866#473965#473A64#473A64#473B63
#53355C#53365B#53375A#53385A#533959#533A58#533B57
#603352#603451#60364F#60374E#60384D#60394C#603B4A
#6C3148#6C3346#6C3445#6C3643#6C3742#6C3940#6C3B3E
#7B2F3B#7B3139#7B3337#7B3535#7B3733#7B3931#7B3B2F