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 #3F80B4 to #3FB480 and to #803FB4
#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4
#3F88AC#4185AD#4282AF#447FB0#457CB1#477AB2#4976B4
#3F91A3#428BA6#4685A8#497FAB#4C79AE#5073B1#546BB4
#3F999B#44909F#4987A3#4E7EA7#5375AB#586CAF#5E61B4
#3FA193#469598#4C899E#537DA3#5A71A8#6165AD#6956B4
#3FAA8A#479B91#508C97#587D9E#606EA5#695FAC#734CB4
#3FB480#49A188#548F91#5E7C99#6969A1#7356AA#803FB4

Colorpallet from #3F80B4 to #3FB480 and to #80B43F
#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4
#3F88AC#4188AA#4288A8#4488A7#4588A5#4788A3#4988A1
#3F91A3#4291A0#46919D#499199#4C9196#509193#54918F
#3F999B#449996#499991#4E998C#539987#589982#5E997C
#3FA193#46A18C#4CA186#53A17F#5AA178#61A171#69A169
#3FAA8A#47AA82#50AA79#58AA71#60AA69#69AA60#73AA56
#3FB480#49B476#54B46B#5EB461#69B456#73B44C#80B43F

Colorpallet from #3F80B4 to #3FB480 and to #B43F80
#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4
#3F88AC#4285AC#4582AC#487FAC#4B7CAC#4E7AAC#5276AC
#3F91A3#458BA3#4B85A3#517FA3#5779A3#5D73A3#646BA3
#3F999B#48909B#51879B#5A7E9B#63759B#6C6C9B#77619B
#3FA193#4B9593#578993#637D93#6F7193#7B6593#8A5693
#3FAA8A#4E9B8A#5D8C8A#6C7D8A#7B6E8A#8A5F8A#9D4C8A
#3FB480#52A180#648F80#777C80#8A6980#9D5680#B43F80

Colorpallet from #3F80B4 to #3FB480 and to #B4803F
#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4
#3F88AC#4287AA#4585A8#4884A7#4B83A5#4E82A3#5280A1
#3F91A3#458EA0#4B8C9D#518999#578696#5D8393#64808F
#3F999B#489596#519191#5A8D8C#638987#6C8582#77807C
#3FA193#4B9C8C#579686#63917F#6F8C78#7B8771#8A8069
#3FAA8A#4EA382#5D9D79#6C9671#7B8F69#8A8860#9D8056
#3FB480#52AC76#64A36B#779B61#8A9356#9D8A4C#B4803F

Colorpallet from #3F80B4 to #803FB4 and to #80B43F
#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4
#4976B4#4979B1#497CAE#497FAB#4982A8#4984A5#4988A1
#546BB4#5471AE#5477A8#547DA2#54839C#548996#54918F
#5E61B4#5E6AAB#5E73A2#5E7C99#5E8590#5E8E87#5E997C
#6956B4#6962A8#696E9C#697A90#698684#699278#69A169
#734CB4#735BA5#736A96#737987#738878#739769#73AA56
#803FB4#8052A1#80648F#80777C#808A69#809D56#80B43F

Colorpallet from #3F80B4 to #803FB4 and to #B43F80
#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4
#4976B4#4A76B3#4C76B1#4D76B0#4F76AF#5076AE#5276AC
#546BB4#576BB1#596BAF#5C6BAC#5E6BA9#616BA6#646BA3
#5E61B4#6261B0#6661AC#6A61A8#6E61A4#7261A0#77619B
#6956B4#6E56AF#7456A9#7956A4#7E569F#83569A#8A5693
#734CB4#7A4CAD#804CA7#874CA0#8E4C99#954C92#9D4C8A
#803FB4#883FAC#913FA3#993F9B#A13F93#AA3F8A#B43F80

Colorpallet from #3F80B4 to #803FB4 and to #B4803F
#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4
#4976B4#4A78B1#4C79AE#4D7BAB#4F7CA8#507EA5#5280A1
#546BB4#576EAE#5972A8#5C75A2#5E789C#617C96#64808F
#5E61B4#6266AB#666BA2#6A7099#6E7590#727A87#77807C
#6956B4#6E5DA8#74639C#796A90#7E7184#837878#8A8069
#734CB4#7A54A5#805D96#876587#8E6D78#957669#9D8056
#803FB4#8849A1#91548F#995E7C#A16969#AA7356#B4803F

Colorpallet from #3F80B4 to #80B43F and to #B43F80
#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4
#4988A1#4A85A3#4C82A5#4D7FA6#4F7CA8#507AAA#5276AC
#54918F#578B92#598595#5C7F99#5E799C#61739F#646BA3
#5E997C#629081#668786#6A7E8B#6E7590#726C95#77619B
#69A169#6E9570#748976#797D7D#7E7184#83658B#8A5693
#73AA56#7A9B5E#808C67#877D6F#8E6E77#955F80#9D4C8A
#80B43F#88A149#918F54#997C5E#A16969#AA5673#B43F80

Colorpallet from #3F80B4 to #80B43F and to #B4803F
#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4
#4988A1#4A87A1#4C85A1#4D84A1#4F83A1#5082A1#5280A1
#54918F#578E8F#598C8F#5C898F#5E868F#61838F#64808F
#5E997C#62957C#66917C#6A8D7C#6E897C#72857C#77807C
#69A169#6E9C69#749669#799169#7E8C69#838769#8A8069
#73AA56#7AA356#809D56#879656#8E8F56#958856#9D8056
#80B43F#88AC3F#91A33F#999B3F#A1933F#AA8A3F#B4803F

Colorpallet from #3F80B4 to #B43F80 and to #B4803F
#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4#3F80B4
#5276AC#5278AA#5279A8#527BA7#527CA5#527EA3#5280A1
#646BA3#646EA0#64729D#647599#647896#647C93#64808F
#77619B#776696#776B91#77708C#777587#777A82#77807C
#8A5693#8A5D8C#8A6386#8A6A7F#8A7178#8A7871#8A8069
#9D4C8A#9D5482#9D5D79#9D6571#9D6D69#9D7660#9D8056
#B43F80#B44976#B4546B#B45E61#B46956#B4734C#B4803F