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 #3096B4 to #30B496 and to #9630B4
#3096B4#3096B4#3096B4#3096B4#3096B4#3096B4#3096B4
#309BAF#3398B0#3594B1#3891B1#3A8EB2#3D8AB3#4086B4
#30A0AA#3599AC#3B92AD#408BAF#4584B0#4A7EB2#5175B4
#30A4A6#389AA8#4090AA#4886AD#4F7CAF#5772B1#6165B4
#30A9A1#3A9CA4#458EA7#4F81AA#5A73AD#6466B0#7155B4
#30AE9C#3D9DA0#4A8CA4#577BA8#646AAB#7259AF#8244B4
#30B496#409F9B#518AA0#6175A4#7160A9#824AAE#9630B4

Colorpallet from #3096B4 to #30B496 and to #96B430
#3096B4#3096B4#3096B4#3096B4#3096B4#3096B4#3096B4
#309BAF#339BAC#359BAA#389BA7#3A9BA5#3D9BA2#409B9F
#30A0AA#35A0A5#3BA0A0#40A09B#45A096#4AA090#51A08A
#30A4A6#38A49E#40A496#48A48E#4FA487#57A47F#61A475
#30A9A1#3AA997#45A98C#4FA982#5AA977#64A96D#71A960
#30AE9C#3DAE8F#4AAE82#57AE75#64AE68#72AE5A#82AE4A
#30B496#40B486#51B475#61B465#71B455#82B444#96B430

Colorpallet from #3096B4 to #30B496 and to #B43096
#3096B4#3096B4#3096B4#3096B4#3096B4#3096B4#3096B4
#309BAF#3398AF#3794AF#3A91AF#3D8EAF#418AAF#4586AF
#30A0AA#3799AA#3D92AA#448BAA#4B84AA#527EAA#5A75AA
#30A4A6#3A9AA6#4490A6#4E86A6#587CA6#6272A6#6F65A6
#30A9A1#3D9CA1#4B8EA1#5881A1#6673A1#7366A1#8455A1
#30AE9C#419D9C#528C9C#637B9C#746A9C#85599C#9A449C
#30B496#459F96#5A8A96#6F7596#846096#9A4A96#B43096

Colorpallet from #3096B4 to #30B496 and to #B49630
#3096B4#3096B4#3096B4#3096B4#3096B4#3096B4#3096B4
#309BAF#339AAC#3799AA#3A99A7#3D98A5#4197A2#45969F
#30A0AA#379EA5#3D9DA0#449B9B#4B9A96#529890#5A968A
#30A4A6#3AA29E#44A096#4E9D8E#589B87#62997F#6F9675
#30A9A1#3DA697#4BA38C#58A082#669D77#739A6D#849660
#30AE9C#41AA8F#52A682#63A275#749F68#859B5A#9A964A
#30B496#45AF86#5AAA75#6FA665#84A155#9A9C44#B49630

Colorpallet from #3096B4 to #9630B4 and to #96B430
#3096B4#3096B4#3096B4#3096B4#3096B4#3096B4#3096B4
#4086B4#4089B1#408DAD#4090AA#4093A7#4097A3#409B9F
#5175B4#517CAD#5183A7#518AA0#519199#519792#51A08A
#6165B4#616FAA#6179A0#618396#618D8C#619782#61A475
#7155B4#7162A7#717099#717D8C#718B7E#719871#71A960
#8244B4#8255A3#826692#827781#828870#82995F#82AE4A
#9630B4#96459F#965A8A#966F75#968460#969A4A#96B430

Colorpallet from #3096B4 to #9630B4 and to #B43096
#3096B4#3096B4#3096B4#3096B4#3096B4#3096B4#3096B4
#4086B4#4186B3#4286B2#4286B2#4386B1#4486B0#4586AF
#5175B4#5275B2#5475B1#5575AF#5775AE#5875AC#5A75AA
#6165B4#6365B2#6565B0#6865AD#6A65AB#6C65A9#6F65A6
#7155B4#7455B1#7755AE#7A55AB#7D55A8#8055A5#8455A1
#8244B4#8644B0#8A44AC#8E44A8#9144A5#9544A1#9A449C
#9630B4#9B30AF#A030AA#A430A6#A930A1#AE309C#B43096

Colorpallet from #3096B4 to #9630B4 and to #B49630
#3096B4#3096B4#3096B4#3096B4#3096B4#3096B4#3096B4
#4086B4#4189B1#428BAD#428EAA#4390A7#4493A3#45969F
#5175B4#527AAD#5480A7#5585A0#578A99#588F92#5A968A
#6165B4#636DAA#6575A0#687D96#6A848C#6C8C82#6F9675
#7155B4#745FA7#776A99#7A748C#7D7F7E#808971#849660
#8244B4#8651A3#8A5E92#8E6B81#917870#95865F#9A964A
#9630B4#9B409F#A0518A#A46175#A97160#AE824A#B49630

Colorpallet from #3096B4 to #96B430 and to #B43096
#3096B4#3096B4#3096B4#3096B4#3096B4#3096B4#3096B4
#409B9F#4198A2#4294A4#4291A7#438EA9#448AAC#4586AF
#51A08A#52998F#549294#558B99#57849E#587EA4#5A75AA
#61A475#639A7D#659085#68868D#6A7C94#6C729C#6F65A6
#71A960#749C6A#778E75#7A817F#7D738A#806694#8455A1
#82AE4A#869D57#8A8C64#8E7B71#916A7E#95598C#9A449C
#96B430#9B9F40#A08A51#A47561#A96071#AE4A82#B43096

Colorpallet from #3096B4 to #96B430 and to #B49630
#3096B4#3096B4#3096B4#3096B4#3096B4#3096B4#3096B4
#409B9F#419A9F#42999F#42999F#43989F#44979F#45969F
#51A08A#529E8A#549D8A#559B8A#579A8A#58988A#5A968A
#61A475#63A275#65A075#689D75#6A9B75#6C9975#6F9675
#71A960#74A660#77A360#7AA060#7D9D60#809A60#849660
#82AE4A#86AA4A#8AA64A#8EA24A#919F4A#959B4A#9A964A
#96B430#9BAF30#A0AA30#A4A630#A9A130#AE9C30#B49630

Colorpallet from #3096B4 to #B43096 and to #B49630
#3096B4#3096B4#3096B4#3096B4#3096B4#3096B4#3096B4
#4586AF#4589AC#458BAA#458EA7#4590A5#4593A2#45969F
#5A75AA#5A7AA5#5A80A0#5A859B#5A8A96#5A8F90#5A968A
#6F65A6#6F6D9E#6F7596#6F7D8E#6F8487#6F8C7F#6F9675
#8455A1#845F97#846A8C#847482#847F77#84896D#849660
#9A449C#9A518F#9A5E82#9A6B75#9A7868#9A865A#9A964A
#B43096#B44086#B45175#B46165#B47155#B48244#B49630