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 #5F8BB3 to #5FB38B and to #8B5FB3
#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3
#5F91AD#608FAE#618DAF#628BB0#6389B1#6587B2#6684B3
#5F98A6#6194A8#638FAA#668BAC#6887AE#6A82B0#6D7DB3
#5F9EA0#6298A3#6691A6#698BA9#6C84AC#707EAF#7476B3
#5FA599#639C9D#6894A1#6C8BA5#7182AA#757AAE#7B6FB3
#5FAB93#65A098#6A969D#708BA2#7580A7#7B75AD#8268B3
#5FB38B#66A691#6D9898#748B9E#7B7DA5#8270AB#8B5FB3

Colorpallet from #5F8BB3 to #5FB38B and to #8BB35F
#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3
#5F91AD#6091AC#6191AB#6291AA#6391A9#6591A7#6691A6
#5F98A6#6198A4#6398A2#66989F#68989D#6A989B#6D9898
#5F9EA0#629E9D#669E99#699E96#6C9E93#709E8F#749E8B
#5FA599#63A595#68A590#6CA58C#71A587#75A583#7BA57D
#5FAB93#65AB8D#6AAB88#70AB82#75AB7D#7BAB77#82AB70
#5FB38B#66B384#6DB37D#74B376#7BB36F#82B368#8BB35F

Colorpallet from #5F8BB3 to #5FB38B and to #B35F8B
#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3
#5F91AD#618FAD#638DAD#658BAD#6789AD#6987AD#6C84AD
#5F98A6#6394A6#688FA6#6C8BA6#7087A6#7582A6#7A7DA6
#5F9EA0#6598A0#6C91A0#728BA0#7984A0#7F7EA0#8776A0
#5FA599#689C99#709499#798B99#828299#8A7A99#956F99
#5FAB93#6AA093#749693#7F8B93#8A8093#957593#A26893
#5FB38B#6CA68B#7A988B#878B8B#957D8B#A2708B#B35F8B

Colorpallet from #5F8BB3 to #5FB38B and to #B38B5F
#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3
#5F91AD#6190AC#638FAB#658EAA#678DA9#698CA7#6C8BA6
#5F98A6#6396A4#6894A2#6C929F#70909D#758E9B#7A8B98
#5F9EA0#659B9D#6C9899#729596#799293#7F8F8F#878B8B
#5FA599#68A195#709D90#79998C#829487#8A9083#958B7D
#5FAB93#6AA68D#74A188#7F9C82#8A977D#959177#A28B70
#5FB38B#6CAD84#7AA67D#87A076#95996F#A29368#B38B5F

Colorpallet from #5F8BB3 to #8B5FB3 and to #8BB35F
#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3
#6684B3#6686B1#6688AF#668AAD#668CAB#668EA9#6691A6
#6D7DB3#6D81AF#6D86AA#6D8AA6#6D8EA2#6D939D#6D9898
#7476B3#747CAD#7483A6#7489A0#749099#749693#749E8B
#7B6FB3#7B78AA#7B80A2#7B8999#7B9290#7B9A88#7BA57D
#8268B3#8273A8#827D9E#828893#829388#829E7D#82AB70
#8B5FB3#8B6CA6#8B7A98#8B878B#8B957D#8BA270#8BB35F

Colorpallet from #5F8BB3 to #8B5FB3 and to #B35F8B
#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3
#6684B3#6784B2#6884B1#6984B0#6A84AF#6B84AE#6C84AD
#6D7DB3#6F7DB1#717DAF#737DAD#757DAB#777DA9#7A7DA6
#7476B3#7776B0#7A76AD#7D76AA#8076A7#8376A4#8776A0
#7B6FB3#7F6FAF#836FAB#876FA7#8C6FA2#906F9E#956F99
#8268B3#8768AE#8C68A9#9168A4#96689F#9C6899#A26893
#8B5FB3#915FAD#985FA6#9E5FA0#A55F99#AB5F93#B35F8B

Colorpallet from #5F8BB3 to #8B5FB3 and to #B38B5F
#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3
#6684B3#6785B1#6886AF#6987AD#6A88AB#6B8AA9#6C8BA6
#6D7DB3#6F7FAF#7181AA#7384A6#7586A2#77889D#7A8B98
#7476B3#7779AD#7A7DA6#7D80A0#808399#838793#878B8B
#7B6FB3#7F73AA#8378A2#877C99#8C8190#908588#958B7D
#8268B3#876EA8#8C739E#917993#967E88#9C847D#A28B70
#8B5FB3#9166A6#986D98#9E748B#A57B7D#AB8270#B38B5F

Colorpallet from #5F8BB3 to #8BB35F and to #B35F8B
#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3
#6691A6#678FA7#688DA8#698BA9#6A89AA#6B87AC#6C84AD
#6D9898#6F949A#718F9C#738B9F#7587A1#7782A3#7A7DA6
#749E8B#77988E#7A9192#7D8B95#808498#837E9C#8776A0
#7BA57D#7F9C81#839486#878B8A#8C828F#907A93#956F99
#82AB70#87A076#8C967B#918B81#968086#9C758C#A26893
#8BB35F#91A666#98986D#9E8B74#A57D7B#AB7082#B35F8B

Colorpallet from #5F8BB3 to #8BB35F and to #B38B5F
#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3
#6691A6#6790A6#688FA6#698EA6#6A8DA6#6B8CA6#6C8BA6
#6D9898#6F9698#719498#739298#759098#778E98#7A8B98
#749E8B#779B8B#7A988B#7D958B#80928B#838F8B#878B8B
#7BA57D#7FA17D#839D7D#87997D#8C947D#90907D#958B7D
#82AB70#87A670#8CA170#919C70#969770#9C9170#A28B70
#8BB35F#91AD5F#98A65F#9EA05F#A5995F#AB935F#B38B5F

Colorpallet from #5F8BB3 to #B35F8B and to #B38B5F
#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3#5F8BB3
#6C84AD#6C85AC#6C86AB#6C87AA#6C88A9#6C8AA7#6C8BA6
#7A7DA6#7A7FA4#7A81A2#7A849F#7A869D#7A889B#7A8B98
#8776A0#87799D#877D99#878096#878393#87878F#878B8B
#956F99#957395#957890#957C8C#958187#958583#958B7D
#A26893#A26E8D#A27388#A27982#A27E7D#A28477#A28B70
#B35F8B#B36684#B36D7D#B37476#B37B6F#B38268#B38B5F