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 #3F6D8A to #3F8A6D and to #6D3F8A
#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A
#3F7285#407086#416E87#426C87#436A88#456889#46668A
#3F7681#417282#446E84#466A85#496787#4B6388#4E5E8A
#3F7B7C#43757E#466F80#4A6A83#4D6485#515E87#55578A
#3F8077#44787A#48717D#4D6980#526183#565A86#5C508A
#3F8473#457A77#4B717A#51677E#575E82#5D5485#64488A
#3F8A6D#467E72#4E7276#55667B#5C5A80#644E84#6D3F8A

Colorpallet from #3F6D8A to #3F8A6D and to #6D8A3F
#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A
#3F7285#407284#417283#427282#437281#45727F#46727E
#3F7681#41767F#44767C#46767A#497677#4B7675#4E7672
#3F7B7C#437B78#467B75#4A7B71#4D7B6E#517B6A#557B66
#3F8077#448072#48806E#4D8069#528064#568060#5C805A
#3F8473#45846D#4B8467#518461#57845B#5D8455#64844E
#3F8A6D#468A66#4E8A5E#558A57#5C8A50#648A48#6D8A3F

Colorpallet from #3F6D8A to #3F8A6D and to #8A3F6D
#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A
#3F7285#417085#436E85#456C85#476A85#496885#4B6685
#3F7681#437281#476E81#4B6A81#4E6781#526381#575E81
#3F7B7C#45757C#4B6F7C#506A7C#56647C#5C5E7C#63577C
#3F8077#477877#4E7177#566977#5E6177#655A77#6F5077
#3F8473#497A73#527173#5C6773#655E73#6F5473#7B4873
#3F8A6D#4B7E6D#57726D#63666D#6F5A6D#7B4E6D#8A3F6D

Colorpallet from #3F6D8A to #3F8A6D and to #8A6D3F
#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A
#3F7285#417184#437083#457082#476F81#496E7F#4B6D7E
#3F7681#43757F#47737C#4B727A#4E7077#526F75#576D72
#3F7B7C#457978#4B7775#507471#56726E#5C706A#636D66
#3F8077#477D72#4E7A6E#567769#5E7464#657160#6F6D5A
#3F8473#49806D#527D67#5C7961#65755B#6F7255#7B6D4E
#3F8A6D#4B8566#57815E#637C57#6F7750#7B7348#8A6D3F

Colorpallet from #3F6D8A to #6D3F8A and to #6D8A3F
#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A
#46668A#466888#466A86#466C84#466E82#467080#46727E
#4E5E8A#4E6286#4E6682#4E6A7E#4E6D7B#4E7177#4E7672
#55578A#555D84#55637E#556879#556E73#55746D#557B66
#5C508A#5C5882#5C5F7B#5C6773#5C6F6B#5C7664#5C805A
#64488A#645280#645B77#64656D#646E64#64785A#64844E
#6D3F8A#6D4B7E#6D5772#6D6366#6D6F5A#6D7B4E#6D8A3F

Colorpallet from #3F6D8A to #6D3F8A and to #8A3F6D
#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A
#46668A#476689#486688#486688#496687#4A6686#4B6685
#4E5E8A#4F5E89#515E87#525E86#545E84#555E83#575E81
#55578A#575788#595786#5C5783#5E5781#60577F#63577C
#5C508A#5F5087#625084#655081#68507E#6B507B#6F5077
#64488A#684886#6B4883#6F487F#73487B#764878#7B4873
#6D3F8A#723F85#763F81#7B3F7C#803F77#843F73#8A3F6D

Colorpallet from #3F6D8A to #6D3F8A and to #8A6D3F
#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A
#46668A#476788#486886#486984#496A82#4A6C80#4B6D7E
#4E5E8A#4F6086#516382#52657E#54687B#556A77#576D72
#55578A#575B84#595E7E#5C6279#5E6573#60696D#636D66
#5C508A#5F5582#62597B#655E73#68636B#6B6764#6F6D5A
#64488A#684E80#6B5477#6F5A6D#736064#76665A#7B6D4E
#6D3F8A#72467E#764E72#7B5566#805C5A#84644E#8A6D3F

Colorpallet from #3F6D8A to #6D8A3F and to #8A3F6D
#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A
#46727E#47707F#486E80#486C81#496A82#4A6884#4B6685
#4E7672#4F7274#516E77#526A79#54677C#55637E#575E81
#557B66#57756A#596F6D#5C6A71#5E6474#605E78#63577C
#5C805A#5F785F#627163#656968#68616D#6B5A71#6F5077
#64844E#687A54#6B715A#6F6760#735E66#76546C#7B4873
#6D8A3F#727E46#76724E#7B6655#805A5C#844E64#8A3F6D

Colorpallet from #3F6D8A to #6D8A3F and to #8A6D3F
#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A
#46727E#47717E#48707E#48707E#496F7E#4A6E7E#4B6D7E
#4E7672#4F7572#517372#527272#547072#556F72#576D72
#557B66#577966#597766#5C7466#5E7266#607066#636D66
#5C805A#5F7D5A#627A5A#65775A#68745A#6B715A#6F6D5A
#64844E#68804E#6B7D4E#6F794E#73754E#76724E#7B6D4E
#6D8A3F#72853F#76813F#7B7C3F#80773F#84733F#8A6D3F

Colorpallet from #3F6D8A to #8A3F6D and to #8A6D3F
#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A#3F6D8A
#4B6685#4B6784#4B6883#4B6982#4B6A81#4B6C7F#4B6D7E
#575E81#57607F#57637C#57657A#576877#576A75#576D72
#63577C#635B78#635E75#636271#63656E#63696A#636D66
#6F5077#6F5572#6F596E#6F5E69#6F6364#6F6760#6F6D5A
#7B4873#7B4E6D#7B5467#7B5A61#7B605B#7B6655#7B6D4E
#8A3F6D#8A4666#8A4E5E#8A5557#8A5C50#8A6448#8A6D3F