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 #3F8B80 to #3F808B and to #8B3F80
#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80
#3F8982#418782#438681#458481#478381#498180#4B7F80
#3F8784#438483#478183#4B7D82#4E7A81#527781#577380
#3F8685#458184#4B7C83#507783#567282#5C6D81#636780
#3F8487#477D86#4F7785#577084#5E6983#666281#705A80
#3F8289#497A88#537186#5C6985#666183#705882#7C4E80
#3F808B#4B7689#576B87#636186#705684#7C4C82#8B3F80

Colorpallet from #3F8B80 to #3F808B and to #8B803F
#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80
#3F8982#418980#43897E#45897C#47897A#498978#4B8976
#3F8784#438780#47877C#4B8778#4E8774#528770#57876B
#3F8685#45867F#4B8679#508674#56866E#5C8668#638661
#3F8487#47847F#4F8477#57846F#5E8468#668460#708456
#3F8289#49827F#538275#5C826C#668262#708258#7C824C
#3F808B#4B807F#578073#638067#70805A#7C804E#8B803F

Colorpallet from #3F8B80 to #3F808B and to #803F8B
#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80
#3F8982#418782#428682#448482#458382#478182#497F82
#3F8784#428484#468184#497D84#4C7A84#507784#547384
#3F8685#448185#497C85#4E7785#537285#586D85#5E6785
#3F8487#467D87#4C7787#537087#5A6987#616287#695A87
#3F8289#477A89#507189#586989#606189#695889#734E89
#3F808B#49768B#546B8B#5E618B#69568B#734C8B#803F8B

Colorpallet from #3F8B80 to #3F808B and to #808B3F
#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80
#3F8982#418980#428A7E#448A7C#458A7A#478B78#498B76
#3F8784#428880#46887C#498978#4C8A74#508A70#548B6B
#3F8685#44877F#498879#4E8874#53896E#588A68#5E8B61
#3F8487#46857F#4C8677#53876F#5A8868#618A60#698B56
#3F8289#47837F#508575#58866C#608862#698958#738B4C
#3F808B#49827F#548473#5E8567#69875A#73894E#808B3F

Colorpallet from #3F8B80 to #8B3F80 and to #8B803F
#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80
#4B7F80#4B817E#4B827D#4B847B#4B857A#4B8778#4B8976
#577380#57767D#577979#577D76#578073#57836F#57876B
#636780#636C7B#637176#637671#637B6C#638067#638661
#705A80#706179#706773#706E6C#707565#707C5E#708456
#7C4E80#7C5678#7C5F6F#7C6767#7C6F5F#7C7856#7C824C
#8B3F80#8B4976#8B546B#8B5E61#8B6956#8B734C#8B803F

Colorpallet from #3F8B80 to #8B3F80 and to #803F8B
#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80
#4B7F80#4B7F80#4A7F81#4A7F81#4A7F81#497F82#497F82
#577380#577381#567381#567382#557383#557383#547384
#636780#626781#616782#616782#606783#5F6784#5E6785
#705A80#6F5A81#6E5A82#6D5A83#6C5A84#6A5A86#695A87
#7C4E80#7B4E81#794E83#784E84#764E86#754E87#734E89
#8B3F80#893F82#873F84#863F85#843F87#823F89#803F8B

Colorpallet from #3F8B80 to #8B3F80 and to #808B3F
#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80
#4B7F80#4B817E#4A837D#4A857B#4A877A#498978#498B76
#577380#57777D#567B79#567F76#558273#55866F#548B6B
#636780#626D7B#617376#617871#607E6C#5F8467#5E8B61
#705A80#6F6279#6E6A73#6D726C#6C7965#6A815E#698B56
#7C4E80#7B5878#79626F#786B67#76755F#757F56#738B4C
#8B3F80#894B76#87576B#866361#847056#827C4C#808B3F

Colorpallet from #3F8B80 to #8B803F and to #803F8B
#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80
#4B8976#4B8778#4A867A#4A847C#4A837E#498180#497F82
#57876B#57846F#568173#567D77#557A7B#55777F#547384
#638661#628167#617C6D#617772#607278#5F6D7E#5E6785
#708456#6F7D5E#6E7766#6D706E#6C6975#6A627D#695A87
#7C824C#7B7A56#797160#786969#766173#75587D#734E89
#8B803F#89764B#876B57#866163#845670#824C7C#803F8B

Colorpallet from #3F8B80 to #8B803F and to #808B3F
#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80
#4B8976#4B8976#4A8A76#4A8A76#4A8A76#498B76#498B76
#57876B#57886B#56886B#56896B#558A6B#558A6B#548B6B
#638661#628761#618861#618861#608961#5F8A61#5E8B61
#708456#6F8556#6E8656#6D8756#6C8856#6A8A56#698B56
#7C824C#7B834C#79854C#78864C#76884C#75894C#738B4C
#8B803F#89823F#87843F#86853F#84873F#82893F#808B3F

Colorpallet from #3F8B80 to #803F8B and to #808B3F
#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80#3F8B80
#497F82#498180#49837E#49857C#49877A#498978#498B76
#547384#547780#547B7C#547F78#548274#548670#548B6B
#5E6785#5E6D7F#5E7379#5E7874#5E7E6E#5E8468#5E8B61
#695A87#69627F#696A77#69726F#697968#698160#698B56
#734E89#73587F#736275#736B6C#737562#737F58#738B4C
#803F8B#804B7F#805773#806367#80705A#807C4E#808B3F