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 #3A6F71 to #3A716F and to #6F3A71
#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71
#3A6F71#3B6E71#3D6C71#3E6B71#3F6A71#406971#426771
#3A7070#3D6D70#3F6A70#426770#456471#486271#4B5E71
#3A7070#3E6C70#426870#466470#4A5F71#4E5B71#535671
#3A7070#3F6A70#456570#4A5F70#505A71#555471#5C4D71
#3A716F#416A6F#476370#4E5C70#555570#5C4E71#644571
#3A716F#42686F#4B5F70#535770#5C4E70#644571#6F3A71

Colorpallet from #3A6F71 to #3A716F and to #6F713A
#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71
#3A6F71#3B6F70#3D6F6E#3E6F6D#3F6F6B#406F6A#426F68
#3A7070#3D706D#3F706B#427068#457065#487062#4B705F
#3A7070#3E706C#427068#467064#4A7060#4E705C#537057
#3A7070#3F706B#457065#4A7060#50705A#557055#5C704E
#3A716F#417168#477162#4E715B#557154#5C714D#647145
#3A716F#427167#4B715E#537156#5C714D#647145#6F713A

Colorpallet from #3A6F71 to #3A716F and to #713A6F
#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71
#3A6F71#3B6E71#3D6C71#3E6B71#406A71#416971#436771
#3A7070#3D6D70#406A70#436770#466470#486270#4C5E70
#3A7070#3E6C70#426870#466470#4B5F70#4F5B70#545670
#3A7070#406A70#456570#4B5F70#505A70#565470#5D4D70
#3A716F#416A6F#48636F#4F5C6F#56556F#5D4E6F#66456F
#3A716F#43686F#4C5F6F#54576F#5D4E6F#66456F#713A6F

Colorpallet from #3A6F71 to #3A716F and to #716F3A
#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71
#3A6F71#3B6F70#3D6F6E#3E6F6D#406F6B#416F6A#436F68
#3A7070#3D706D#40706B#437068#466F65#486F62#4C6F5F
#3A7070#3E706C#427068#467064#4B6F60#4F6F5C#546F57
#3A7070#40706B#457065#4B7060#506F5A#566F55#5D6F4E
#3A716F#417168#487062#4F705B#567054#5D6F4D#666F45
#3A716F#437167#4C705E#547056#5D704D#666F45#716F3A

Colorpallet from #3A6F71 to #6F3A71 and to #6F713A
#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71
#426771#426870#426A6E#426B6D#426C6B#426D6A#426F68
#4B5E71#4B616E#4B646B#4B6768#4B6A65#4B6C63#4B705F
#535671#535A6D#535E69#536265#536760#536B5C#537057
#5C4D71#5C536B#5C5866#5C5E60#5C635B#5C6955#5C704E
#644571#644C6A#645363#645A5C#646155#64684E#647145
#6F3A71#6F4368#6F4C5F#6F5457#6F5D4E#6F6645#6F713A

Colorpallet from #3A6F71 to #6F3A71 and to #713A6F
#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71
#426771#426771#426771#426771#436771#436771#436771
#4B5E71#4B5E71#4B5E71#4B5E71#4C5E70#4C5E70#4C5E70
#535671#535671#535671#535671#545670#545670#545670
#5C4D71#5C4D71#5C4D71#5C4D71#5D4D70#5D4D70#5D4D70
#644571#644571#654570#654570#654570#66456F#66456F
#6F3A71#6F3A71#703A70#703A70#703A70#713A6F#713A6F

Colorpallet from #3A6F71 to #6F3A71 and to #716F3A
#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71
#426771#426870#426A6E#426B6D#436C6B#436D6A#436F68
#4B5E71#4B616E#4B636B#4B6668#4C6965#4C6C63#4C6F5F
#535671#535A6D#535E69#536265#546660#546A5C#546F57
#5C4D71#5C526B#5C5866#5C5D60#5D635B#5D6855#5D6F4E
#644571#644C6A#655263#65595C#656055#66674E#666F45
#6F3A71#6F4268#704B5F#705357#705C4E#716445#716F3A

Colorpallet from #3A6F71 to #6F713A and to #713A6F
#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71
#426F68#426E69#426C6B#426B6C#436A6E#43696F#436771
#4B705F#4B6D62#4B6A64#4B6767#4C646A#4C626D#4C5E70
#537057#536C5B#53685F#536463#545F67#545B6B#545670
#5C704E#5C6A53#5C6559#5C5F5E#5D5A64#5D5469#5D4D70
#647145#646A4C#656352#655C59#655560#664E67#66456F
#6F713A#6F6842#705F4B#705753#704E5C#714564#713A6F

Colorpallet from #3A6F71 to #6F713A and to #716F3A
#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71
#426F68#426F68#426F68#426F68#436F68#436F68#436F68
#4B705F#4B705F#4B705F#4B705F#4C6F5F#4C6F5F#4C6F5F
#537057#537057#537057#537057#546F57#546F57#546F57
#5C704E#5C704E#5C704E#5C704E#5D6F4E#5D6F4E#5D6F4E
#647145#647145#657045#657045#657045#666F45#666F45
#6F713A#6F713A#70703A#70703A#70703A#716F3A#716F3A

Colorpallet from #3A6F71 to #713A6F and to #716F3A
#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71#3A6F71
#436771#436870#436A6E#436B6D#436C6B#436D6A#436F68
#4C5E70#4C616D#4C636B#4C6668#4C6965#4C6C62#4C6F5F
#545670#545A6C#545E68#546264#546660#546A5C#546F57
#5D4D70#5D526B#5D5865#5D5D60#5D635A#5D6855#5D6F4E
#66456F#664C68#665262#66595B#666054#66674D#666F45
#713A6F#714267#714B5E#715356#715C4D#716445#716F3A