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 #318B58 to #31588B and to #8B3158
#318B58#318B58#318B58#318B58#318B58#318B58#318B58
#318360#33825F#35815D#38805C#3A7F5B#3C7E5A#3F7D58
#317B68#367965#3A7763#3F7560#44735E#48715B#4E6E58
#317370#38706C#3F6D68#466A64#4D6761#53645D#5C6058
#316A79#3A6674#44626E#4D5E69#565A64#5F565F#6B5158
#316281#3D5D7A#485874#54536D#5F4E67#6B4960#794358
#31588B#3F5283#4E4C7B#5C4573#6B3F6A#793962#8B3158

Colorpallet from #318B58 to #31588B and to #8B5831
#318B58#318B58#318B58#318B58#318B58#318B58#318B58
#318360#33835E#35835C#388359#3A8357#3C8355#3F8352
#317B68#367B64#3A7B5F#3F7B5B#447B56#487B52#4E7B4C
#317370#387369#3F7362#46735B#4D7354#53734E#5C7345
#316A79#3A6A70#446A66#4D6A5D#566A54#5F6A4B#6B6A3F
#316281#3D6275#48626A#54625E#5F6253#6B6247#796239
#31588B#3F587D#4E586E#5C5860#6B5851#795843#8B5831

Colorpallet from #318B58 to #31588B and to #58318B
#318B58#318B58#318B58#318B58#318B58#318B58#318B58
#318360#328260#338160#348060#357F60#367E60#377D60
#317B68#337968#357768#377568#397368#3B7168#3D6E68
#317370#347070#376D70#3A6A70#3D6770#406470#446070
#316A79#356679#396279#3D5E79#415A79#455679#4A5179
#316281#365D81#3B5881#405381#454E81#4A4981#504381
#31588B#37528B#3D4C8B#44458B#4A3F8B#50398B#58318B

Colorpallet from #318B58 to #31588B and to #588B31
#318B58#318B58#318B58#318B58#318B58#318B58#318B58
#318360#32845E#33865C#348759#358857#368955#378B52
#317B68#337E64#35805F#37835B#398556#3B8852#3D8B4C
#317370#347769#377B62#3A7F5B#3D8254#40864E#448B45
#316A79#356F70#397566#3D7A5D#417F54#45844B#4A8B3F
#316281#366975#3B6F6A#40765E#457C53#4A8347#508B39
#31588B#37607D#3D686E#447060#4A7951#508143#588B31

Colorpallet from #318B58 to #8B3158 and to #8B5831
#318B58#318B58#318B58#318B58#318B58#318B58#318B58
#3F7D58#3F7E57#3F7F56#3F8055#3F8154#3F8253#3F8352
#4E6E58#4E7056#4E7254#4E7452#4E7650#4E784E#4E7B4C
#5C6058#5C6355#5C6652#5C694F#5C6C4C#5C6F49#5C7345
#6B5158#6B5554#6B5950#6B5D4C#6B6148#6B6544#6B6A3F
#794358#794853#794D4E#795249#795744#795C3F#796239
#8B3158#8B3752#8B3D4C#8B4445#8B4A3F#8B5039#8B5831

Colorpallet from #318B58 to #8B3158 and to #58318B
#318B58#318B58#318B58#318B58#318B58#318B58#318B58
#3F7D58#3E7D59#3C7D5B#3B7D5C#3A7D5D#397D5E#377D60
#4E6E58#4B6E5B#496E5D#466E60#436E62#406E65#3D6E68
#5C6058#58605C#546060#506064#4D6067#49606B#446070
#6B5158#66515D#605163#5B5168#56516D#515172#4A5179
#794358#72435F#6C4365#65436C#5F4372#584379#504381
#8B3158#833160#7B3168#733170#6A3179#623181#58318B

Colorpallet from #318B58 to #8B3158 and to #588B31
#318B58#318B58#318B58#318B58#318B58#318B58#318B58
#3F7D58#3E7F57#3C8156#3B8455#3A8654#398853#378B52
#4E6E58#4B7356#497754#467C52#438150#40854E#3D8B4C
#5C6058#586755#546E52#50754F#4D7C4C#498249#448B45
#6B5158#665A54#606450#5B6D4C#567648#517F44#4A8B3F
#794358#724F53#6C5A4E#656649#5F7144#587D3F#508B39
#8B3158#833F52#7B4E4C#735C45#6A6B3F#627939#588B31

Colorpallet from #318B58 to #8B5831 and to #58318B
#318B58#318B58#318B58#318B58#318B58#318B58#318B58
#3F8352#3E8254#3C8156#3B8059#3A7F5B#397E5D#377D60
#4E7B4C#4B7950#497755#467559#43735E#407162#3D6E68
#5C7345#58704C#546D53#506A5A#4D6761#496467#446070
#6B6A3F#666648#606252#5B5E5B#565A64#51566D#4A5179
#796239#725D45#6C5850#65535C#5F4E67#584973#504381
#8B5831#83523F#7B4C4E#73455C#6A3F6B#623979#58318B

Colorpallet from #318B58 to #8B5831 and to #588B31
#318B58#318B58#318B58#318B58#318B58#318B58#318B58
#3F8352#3E8452#3C8652#3B8752#3A8852#398952#378B52
#4E7B4C#4B7E4C#49804C#46834C#43854C#40884C#3D8B4C
#5C7345#587745#547B45#507F45#4D8245#498645#448B45
#6B6A3F#666F3F#60753F#5B7A3F#567F3F#51843F#4A8B3F
#796239#726939#6C6F39#657639#5F7C39#588339#508B39
#8B5831#836031#7B6831#737031#6A7931#628131#588B31

Colorpallet from #318B58 to #58318B and to #588B31
#318B58#318B58#318B58#318B58#318B58#318B58#318B58
#377D60#377F5E#37815C#378459#378657#378855#378B52
#3D6E68#3D7364#3D775F#3D7C5B#3D8156#3D8552#3D8B4C
#446070#446769#446E62#44755B#447C54#44824E#448B45
#4A5179#4A5A70#4A6466#4A6D5D#4A7654#4A7F4B#4A8B3F
#504381#504F75#505A6A#50665E#507153#507D47#508B39
#58318B#583F7D#584E6E#585C60#586B51#587943#588B31