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 #5B3F7E to #5B7E3F and to #3F5B7E
#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E
#5B4974#5A4876#5A4777#594679#58457A#58447C#57437E
#5B536A#5A516D#584F70#574E74#554C77#544A7A#52487E
#5B5D60#595A65#57586A#55556E#535273#514F78#4E4C7E
#5B6756#58635C#556063#525C69#4F5970#4D5576#49517E
#5B714C#576D54#54685C#506464#4D5F6C#495B74#45557E
#5B7E3F#577849#527353#4E6D5D#496867#456271#3F5B7E

Colorpallet from #5B3F7E to #5B7E3F and to #3F7E5B
#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E
#5B4974#5A4975#5A4975#594976#584977#584977#574978
#5B536A#5A536B#58536D#57536E#555370#545371#525373
#5B5D60#595D62#575D64#555D66#535D68#515D6A#4E5D6D
#5B6756#586759#55675C#52675F#4F6762#4D6764#496768
#5B714C#577150#547153#507157#4D715A#49715E#457162
#5B7E3F#577E43#527E48#4E7E4C#497E51#457E55#3F7E5B

Colorpallet from #5B3F7E to #5B7E3F and to #7E5B3F
#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E
#5B4974#5C4874#5D4774#5E4674#5F4574#604474#614374
#5B536A#5D516A#5F4F6A#604E6A#624C6A#644A6A#66486A
#5B5D60#5E5A60#605860#635560#665260#694F60#6C4C60
#5B6756#5F6356#626056#665C56#695956#6D5556#715156
#5B714C#5F6D4C#64684C#68644C#6D5F4C#715B4C#77554C
#5B7E3F#61783F#66733F#6C6D3F#71683F#77623F#7E5B3F

Colorpallet from #5B3F7E to #5B7E3F and to #7E3F5B
#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E
#5B4974#5C4775#5D4675#5E4476#5F4377#604177#613F78
#5B536A#5D506B#5F4D6D#60496E#624670#644371#663F73
#5B5D60#5E5862#605364#634F66#664A68#69456A#6C3F6D
#5B6756#5F6159#625A5C#66545F#694D62#6D4764#713F68
#5B714C#5F6950#646153#685957#6D515A#71495E#773F62
#5B7E3F#617443#666A48#6C604C#715651#774C55#7E3F5B

Colorpallet from #5B3F7E to #3F5B7E and to #3F7E5B
#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E
#57437E#57447D#57457C#57467B#57477A#574879#574978
#52487E#524A7C#524C7A#524D79#524F77#525175#525373
#4E4C7E#4E4F7B#4E5179#4E5476#4E5773#4E5A70#4E5D6D
#49517E#49557A#495877#495C73#495F70#49636C#496768
#45557E#45597A#455E75#456271#45676C#456B68#457162
#3F5B7E#3F6178#3F6673#3F6C6D#3F7168#3F7762#3F7E5B

Colorpallet from #5B3F7E to #3F5B7E and to #7E5B3F
#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E
#57437E#59437C#5A437B#5C4379#5D4378#5F4376#614374
#52487E#55487B#584878#5C4874#5F4871#62486E#66486A
#4E4C7E#534C79#584C74#5C4C70#614C6B#664C66#6C4C60
#49517E#4F5178#565171#5C516B#635164#69515E#715156
#45557E#4D5576#55556E#5D5566#65555E#6D5556#77554C
#3F5B7E#495B74#535B6A#5D5B60#675B56#715B4C#7E5B3F

Colorpallet from #5B3F7E to #3F5B7E and to #7E3F5B
#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E
#57437E#59427D#5A427C#5C417B#5D407A#5F4079#613F78
#52487E#55477C#58457A#5C4479#5F4277#624175#663F73
#4E4C7E#534A7B#584879#5C4676#614473#664270#6C3F6D
#49517E#4F4E7A#564B77#5C4873#634570#69436C#713F68
#45557E#4D517A#554E75#5D4A71#65476C#6D4368#773F62
#3F5B7E#495778#535273#5D4E6D#674968#714562#7E3F5B

Colorpallet from #5B3F7E to #3F7E5B and to #7E5B3F
#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E
#574978#594877#5A4777#5C4676#5D4575#5F4475#614374
#525373#555172#584F70#5C4E6F#5F4C6D#624A6C#66486A
#4E5D6D#535A6B#585869#5C5567#615265#664F63#6C4C60
#496768#4F6365#566062#5C5C5F#63595C#69555A#715156
#457162#4D6D5E#55685B#5D6457#655F54#6D5B50#77554C
#3F7E5B#497857#537352#5D6D4E#676849#716245#7E5B3F

Colorpallet from #5B3F7E to #3F7E5B and to #7E3F5B
#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E
#574978#594778#5A4678#5C4478#5D4378#5F4178#613F78
#525373#555073#584D73#5C4973#5F4673#624373#663F73
#4E5D6D#53586D#58536D#5C4F6D#614A6D#66456D#6C3F6D
#496768#4F6168#565A68#5C5468#634D68#694768#713F68
#457162#4D6962#556162#5D5962#655162#6D4962#773F62
#3F7E5B#49745B#536A5B#5D605B#67565B#714C5B#7E3F5B

Colorpallet from #5B3F7E to #7E5B3F and to #7E3F5B
#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E#5B3F7E
#614374#614275#614275#614176#614077#614077#613F78
#66486A#66476B#66456D#66446E#664270#664171#663F73
#6C4C60#6C4A62#6C4864#6C4666#6C4468#6C426A#6C3F6D
#715156#714E59#714B5C#71485F#714562#714364#713F68
#77554C#775150#774E53#774A57#77475A#77435E#773F62
#7E5B3F#7E5743#7E5248#7E4E4C#7E4951#7E4555#7E3F5B