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 #3D8B6D to #3D6D8B and to #8B3D6D
#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D
#3D8672#3F8571#418470#438370#45826F#47806E#497F6D
#3D8177#417F75#457C74#497A72#4D7771#51756F#56726D
#3D7D7B#437979#497677#4F7274#556E72#5B6B70#62666D
#3D7880#45737D#4D6E7A#556977#5D6474#655F71#6F596D
#3D7385#476D81#51677D#5B6179#655B76#6F5572#7B4D6D
#3D6D8B#496586#565E81#62567D#6F4E78#7B4773#8B3D6D

Colorpallet from #3D8B6D to #3D6D8B and to #8B6D3D
#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D
#3D8672#3F8670#41866E#43866C#45866A#478668#498665
#3D8177#418173#45816F#49816B#4D8167#518163#56815E
#3D7D7B#437D75#497D6F#4F7D69#557D63#5B7D5D#627D56
#3D7880#457878#4D7870#557868#5D7860#657858#6F784E
#3D7385#47737B#517371#5B7367#65735D#6F7353#7B7347
#3D6D8B#496D7F#566D72#626D66#6F6D59#7B6D4D#8B6D3D

Colorpallet from #3D8B6D to #3D6D8B and to #6D3D8B
#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D
#3D8672#3E8572#408472#418372#428272#438072#457F72
#3D8177#3F7F77#427C77#447A77#477777#497577#4C7277
#3D7D7B#41797B#44767B#48727B#4C6E7B#4F6B7B#54667B
#3D7880#427380#476E80#4C6980#516480#565F80#5C5980
#3D7385#436D85#496785#4F6185#555B85#5B5585#634D85
#3D6D8B#45658B#4C5E8B#54568B#5C4E8B#63478B#6D3D8B

Colorpallet from #3D8B6D to #3D6D8B and to #6D8B3D
#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D
#3D8672#3E8770#40886E#41886C#42896A#438A68#458B65
#3D8177#3F8373#42846F#44866B#478767#498963#4C8B5E
#3D7D7B#417F75#44816F#488469#4C8663#4F885D#548B56
#3D7880#427B78#477E70#4C8168#518460#568758#5C8B4E
#3D7385#43777B#497B71#4F7F67#55825D#5B8653#638B47
#3D6D8B#45727F#4C7772#547B66#5C8059#63854D#6D8B3D

Colorpallet from #3D8B6D to #8B3D6D and to #8B6D3D
#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D
#497F6D#49806C#49816A#498269#498368#498567#498665
#56726D#56746B#567768#567966#567C63#567E61#56815E
#62666D#626A69#626D66#627162#62755E#62785B#627D56
#6F596D#6F5E68#6F6363#6F685E#6F6D59#6F7254#6F784E
#7B4D6D#7B5367#7B5961#7B5F5B#7B6555#7B6B4F#7B7347
#8B3D6D#8B4565#8B4C5E#8B5456#8B5C4E#8B6347#8B6D3D

Colorpallet from #3D8B6D to #8B3D6D and to #6D3D8B
#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D
#497F6D#487F6E#487F6F#477F6F#467F70#467F71#457F72
#56726D#54726F#537270#517272#507273#4E7275#4C7277
#62666D#60666F#5E6671#5B6674#596676#576678#54667B
#6F596D#6C5970#695973#665976#635979#60597C#5C5980
#7B4D6D#774D71#734D75#6F4D79#6C4D7C#684D80#634D85
#8B3D6D#863D72#813D77#7D3D7B#783D80#733D85#6D3D8B

Colorpallet from #3D8B6D to #8B3D6D and to #6D8B3D
#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D
#497F6D#48816C#48836A#478569#468768#468967#458B65
#56726D#54766B#537A68#517E66#508263#4E8661#4C8B5E
#62666D#606C69#5E7266#5B7862#597E5E#57845B#548B56
#6F596D#6C6168#696963#66715E#637959#608154#5C8B4E
#7B4D6D#775767#736161#6F6B5B#6C7555#687F4F#638B47
#8B3D6D#864965#81565E#7D6256#786F4E#737B47#6D8B3D

Colorpallet from #3D8B6D to #8B6D3D and to #6D3D8B
#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D
#498665#488567#488469#47836B#46826D#46806F#457F72
#56815E#547F62#537C66#517A6A#50776E#4E7572#4C7277
#627D56#60795C#5E7662#5B7268#596E6E#576B74#54667B
#6F784E#6C7356#696E5E#666966#63646E#605F76#5C5980
#7B7347#776D51#73675B#6F6165#6C5B6F#685579#634D85
#8B6D3D#866549#815E56#7D5662#784E6F#73477B#6D3D8B

Colorpallet from #3D8B6D to #8B6D3D and to #6D8B3D
#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D
#498665#488765#488865#478865#468965#468A65#458B65
#56815E#54835E#53845E#51865E#50875E#4E895E#4C8B5E
#627D56#607F56#5E8156#5B8456#598656#578856#548B56
#6F784E#6C7B4E#697E4E#66814E#63844E#60874E#5C8B4E
#7B7347#777747#737B47#6F7F47#6C8247#688647#638B47
#8B6D3D#86723D#81773D#7D7B3D#78803D#73853D#6D8B3D

Colorpallet from #3D8B6D to #6D3D8B and to #6D8B3D
#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D#3D8B6D
#457F72#458170#45836E#45856C#45876A#458968#458B65
#4C7277#4C7673#4C7A6F#4C7E6B#4C8267#4C8663#4C8B5E
#54667B#546C75#54726F#547869#547E63#54845D#548B56
#5C5980#5C6178#5C6970#5C7168#5C7960#5C8158#5C8B4E
#634D85#63577B#636171#636B67#63755D#637F53#638B47
#6D3D8B#6D497F#6D5672#6D6266#6D6F59#6D7B4D#6D8B3D