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 #3A8D7F to #3A7F8D and to #8D3A7F
#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F
#3A8B81#3C8981#3E8780#408680#428480#44827F#47807F
#3A8983#3E8582#438282#477E81#4B7A80#507780#55727F
#3A8686#408185#477B84#4D7683#547182#5A6C80#62657F
#3A8488#427D87#4B7685#536F84#5C6882#646181#6F587F
#3A828A#457988#4F7086#5A6885#645F83#6F5681#7C4B7F
#3A7F8D#47748B#556989#625E86#6F5384#7C4882#8D3A7F

Colorpallet from #3A8D7F to #3A7F8D and to #8D7F3A
#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F
#3A8B81#3C8B7F#3E8B7D#408B7B#428B79#448B77#478B74
#3A8983#3E897F#43897B#478977#4B8972#50896E#558969
#3A8686#408680#478679#4D8673#54866C#5A8666#62865E
#3A8488#428480#4B8477#53846F#5C8466#64845E#6F8453
#3A828A#45827F#4F8275#5A826A#648260#6F8255#7C8248
#3A7F8D#477F80#557F72#627F65#6F7F58#7C7F4B#8D7F3A

Colorpallet from #3A8D7F to #3A7F8D and to #7F3A8D
#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F
#3A8B81#3C8981#3E8781#3F8681#418481#438281#458081
#3A8983#3E8583#418283#457E83#487A83#4C7783#507283
#3A8686#3F8186#457B86#4A7686#4F7186#546C86#5B6586
#3A8488#417D88#487688#4F6F88#566888#5D6188#665888
#3A828A#43798A#4C708A#54688A#5D5F8A#66568A#714B8A
#3A7F8D#45748D#50698D#5B5E8D#66538D#71488D#7F3A8D

Colorpallet from #3A8D7F to #3A7F8D and to #7F8D3A
#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F
#3A8B81#3C8B7F#3E8C7D#3F8C7B#418C79#438D77#458D74
#3A8983#3E8A7F#418A7B#458B77#488C72#4C8C6E#508D69
#3A8686#3F8780#458879#4A8973#4F8A6C#548C66#5B8D5E
#3A8488#418580#488777#4F886F#568A66#5D8B5E#668D53
#3A828A#43847F#4C8675#54876A#5D8960#668B55#718D48
#3A7F8D#458180#508372#5B8665#668858#718A4B#7F8D3A

Colorpallet from #3A8D7F to #8D3A7F and to #8D7F3A
#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F
#47807F#47827D#47847B#47857A#478778#478976#478B74
#55727F#55767B#557978#557D74#558171#55846D#558969
#62657F#626A7A#627074#62756F#627A6A#627F65#62865E
#6F587F#6F5F78#6F6671#6F6D6A#6F7463#6F7B5C#6F8453
#7C4B7F#7C5476#7C5D6D#7C6565#7C6E5C#7C7753#7C8248
#8D3A7F#8D4574#8D5069#8D5B5E#8D6653#8D7148#8D7F3A

Colorpallet from #3A8D7F to #8D3A7F and to #7F3A8D
#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F
#47807F#47807F#468080#468080#468080#458081#458081
#55727F#547280#537280#537281#527282#517282#507283
#62657F#616580#606581#5F6582#5E6583#5C6585#5B6586
#6F587F#6E5880#6C5882#6B5883#695885#685886#665888
#7C4B7F#7A4B81#784B83#774B84#754B86#734B88#714B8A
#8D3A7F#8B3A81#893A83#863A86#843A88#823A8A#7F3A8D

Colorpallet from #3A8D7F to #8D3A7F and to #7F8D3A
#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F
#47807F#47827D#46847B#46867A#468878#458A76#458D74
#55727F#54767B#537B78#537F74#528371#51886D#508D69
#62657F#616B7A#607274#5F786F#5E7F6A#5C8565#5B8D5E
#6F587F#6E6078#6C6971#6B716A#697A63#68825C#668D53
#7C4B7F#7A5676#78606D#776B65#75755C#738053#718D48
#8D3A7F#8B4774#895569#86625E#846F53#827C48#7F8D3A

Colorpallet from #3A8D7F to #8D7F3A and to #7F3A8D
#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F
#478B74#478976#468778#46867A#46847C#45827E#458081
#558969#54856D#538271#537E75#527A7A#51777E#507283
#62865E#618164#607B6B#5F7671#5E7178#5C6C7E#5B6586
#6F8453#6E7D5B#6C7664#6B6F6C#696875#68617D#665888
#7C8248#7A7953#78705D#776868#755F72#73567D#714B8A
#8D7F3A#8B7447#896955#865E62#84536F#82487C#7F3A8D

Colorpallet from #3A8D7F to #8D7F3A and to #7F8D3A
#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F
#478B74#478B74#468C74#468C74#468C74#458D74#458D74
#558969#548A69#538A69#538B69#528C69#518C69#508D69
#62865E#61875E#60885E#5F895E#5E8A5E#5C8C5E#5B8D5E
#6F8453#6E8553#6C8753#6B8853#698A53#688B53#668D53
#7C8248#7A8448#788648#778748#758948#738B48#718D48
#8D7F3A#8B813A#89833A#86863A#84883A#828A3A#7F8D3A

Colorpallet from #3A8D7F to #7F3A8D and to #7F8D3A
#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F#3A8D7F
#458081#45827F#45847D#45867B#458879#458A77#458D74
#507283#50767F#507B7B#507F77#508372#50886E#508D69
#5B6586#5B6B80#5B7279#5B7873#5B7F6C#5B8566#5B8D5E
#665888#666080#666977#66716F#667A66#66825E#668D53
#714B8A#71567F#716075#716B6A#717560#718055#718D48
#7F3A8D#7F4780#7F5572#7F6265#7F6F58#7F7C4B#7F8D3A