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 #3F7B81 to #3F817B and to #7B3F81
#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81
#3F7C80#417A80#427880#447780#457581#477381#497181
#3F7D7F#427A7F#457680#487380#4B7080#4E6C81#526881
#3F7E7E#44797E#48747F#4D6F7F#526A80#566480#5C5E81
#3F7F7D#45787E#4B727E#516B7F#576480#5D5D80#655581
#3F807C#47787D#4E6F7E#56677E#5E5E7F#655680#6F4B81
#3F817B#49767C#526C7D#5C617E#65577F#6F4C80#7B3F81

Colorpallet from #3F7B81 to #3F817B and to #7B813F
#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81
#3F7C80#417C7E#427C7D#447C7B#457C7A#477C78#497C76
#3F7D7F#427D7C#457D79#487D76#4B7D73#4E7D70#527D6C
#3F7E7E#447E79#487E75#4D7E70#527E6B#567E67#5C7E61
#3F7F7D#457F77#4B7F71#517F6B#577F65#5D7F5F#657F57
#3F807C#478074#4E806D#568065#5E805D#658056#6F804C
#3F817B#498171#528168#5C815E#658155#6F814B#7B813F

Colorpallet from #3F7B81 to #3F817B and to #813F7B
#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81
#3F7C80#417A80#437880#447780#467580#487380#4A7180
#3F7D7F#427A7F#46767F#49737F#4C707F#506C7F#54687F
#3F7E7E#44797E#49747E#4E6F7E#536A7E#59647E#5F5E7E
#3F7F7D#46787D#4C727D#536B7D#5A647D#615D7D#69557D
#3F807C#47787C#506F7C#58677C#615E7C#69567C#744B7C
#3F817B#4A767B#546C7B#5F617B#69577B#744C7B#813F7B

Colorpallet from #3F7B81 to #3F817B and to #817B3F
#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81
#3F7C80#417C7E#437C7D#447C7B#467B7A#487B78#4A7B76
#3F7D7F#427D7C#467C79#497C76#4C7C73#507B70#547B6C
#3F7E7E#447E79#497D75#4E7D70#537C6B#597C67#5F7B61
#3F7F7D#467E77#4C7E71#537D6B#5A7C65#617C5F#697B57
#3F807C#477F74#507E6D#587E65#617D5D#697C56#747B4C
#3F817B#4A8071#547F68#5F7E5E#697D55#747C4B#817B3F

Colorpallet from #3F7B81 to #7B3F81 and to #7B813F
#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81
#497181#49737F#49757D#49767C#49787A#497A78#497C76
#526881#526B7E#526F7A#527277#527574#527970#527D6C
#5C5E81#5C637C#5C6877#5C6D72#5C726D#5C7867#5C7E61
#655581#655C7A#656274#65696D#657066#65775F#657F57
#6F4B81#6F5379#6F5C70#6F6468#6F6D5F#6F7557#6F804C
#7B3F81#7B4A76#7B546C#7B5F61#7B6957#7B744C#7B813F

Colorpallet from #3F7B81 to #7B3F81 and to #813F7B
#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81
#497181#497181#497181#497181#4A7180#4A7180#4A7180
#526881#526881#536880#536880#536880#54687F#54687F
#5C5E81#5C5E81#5D5E80#5D5E80#5E5E7F#5E5E7F#5F5E7E
#655581#665580#665580#67557F#68557E#68557E#69557D
#6F4B81#704B80#714B7F#714B7F#724B7E#734B7D#744B7C
#7B3F81#7C3F80#7D3F7F#7E3F7E#7F3F7D#803F7C#813F7B

Colorpallet from #3F7B81 to #7B3F81 and to #817B3F
#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81
#497181#49737F#49747D#49767C#4A777A#4A7978#4A7B76
#526881#526B7E#536E7A#537177#537474#547770#547B6C
#5C5E81#5C637C#5D6777#5D6C72#5E716D#5E7567#5F7B61
#655581#665B7A#666174#67676D#686D66#68735F#697B57
#6F4B81#705379#715A70#716268#726A5F#737157#747B4C
#7B3F81#7C4976#7D526C#7E5C61#7F6557#806F4C#817B3F

Colorpallet from #3F7B81 to #7B813F and to #813F7B
#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81
#497C76#497A78#497879#49777B#4A757C#4A737E#4A7180
#527D6C#527A6F#537672#537375#537078#546C7B#54687F
#5C7E61#5C7966#5D746A#5D6F6F#5E6A74#5E6478#5F5E7E
#657F57#66785D#667263#676B69#68646F#685D75#69557D
#6F804C#707854#716F5B#716763#725E6B#735672#744B7C
#7B813F#7C7649#7D6C52#7E615C#7F5765#804C6F#813F7B

Colorpallet from #3F7B81 to #7B813F and to #817B3F
#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81
#497C76#497C76#497C76#497C76#4A7B76#4A7B76#4A7B76
#527D6C#527D6C#537C6C#537C6C#537C6C#547B6C#547B6C
#5C7E61#5C7E61#5D7D61#5D7D61#5E7C61#5E7C61#5F7B61
#657F57#667E57#667E57#677D57#687C57#687C57#697B57
#6F804C#707F4C#717E4C#717E4C#727D4C#737C4C#747B4C
#7B813F#7C803F#7D7F3F#7E7E3F#7F7D3F#807C3F#817B3F

Colorpallet from #3F7B81 to #813F7B and to #817B3F
#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81#3F7B81
#4A7180#4A737E#4A747D#4A767B#4A777A#4A7978#4A7B76
#54687F#546B7C#546E79#547176#547473#547770#547B6C
#5F5E7E#5F6379#5F6775#5F6C70#5F716B#5F7567#5F7B61
#69557D#695B77#696171#69676B#696D65#69735F#697B57
#744B7C#745374#745A6D#746265#746A5D#747156#747B4C
#813F7B#814971#815268#815C5E#816555#816F4B#817B3F