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 #3A5C80 to #3A805C and to #5C3A80
#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80
#3A627A#3B607B#3C5E7C#3C5D7D#3D5B7E#3E597F#3F5780
#3A6874#3C6476#3E6178#3F5D7A#41597C#43567E#455180
#3A6D6F#3D6872#3F6274#425D77#44587A#47537D#4A4C80
#3A7369#3E6C6D#416570#455D74#485678#4C4F7B#504680
#3A7963#3E7068#43676C#475E71#4B5576#504C7A#554180
#3A805C#3F7562#456A68#4A5E6D#505373#554879#5C3A80

Colorpallet from #3A5C80 to #3A805C and to #5C803A
#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80
#3A627A#3B6279#3C6278#3C6278#3D6277#3E6276#3F6275
#3A6874#3C6872#3E6871#3F686F#41686E#43686C#45686A
#3A6D6F#3D6D6C#3F6D6A#426D67#446D64#476D61#4A6D5E
#3A7369#3E7365#417362#45735E#48735B#4C7357#507353
#3A7963#3E795F#43795A#477956#4B7952#50794D#557948
#3A805C#3F8057#458051#4A804C#508046#558041#5C803A

Colorpallet from #3A5C80 to #3A805C and to #803A5C
#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80
#3A627A#3C607A#3E5E7A#3F5D7A#415B7A#43597A#45577A
#3A6874#3E6474#416174#455D74#485974#4C5674#505174
#3A6D6F#3F686F#45626F#4A5D6F#50586F#55536F#5C4C6F
#3A7369#416C69#486569#505D69#575669#5E4F69#674669
#3A7963#437063#4C6763#555E63#5E5563#674C63#724163
#3A805C#45755C#506A5C#5C5E5C#67535C#72485C#803A5C

Colorpallet from #3A5C80 to #3A805C and to #805C3A
#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80
#3A627A#3C6179#3E6078#3F5F78#415E77#435D76#455C75
#3A6874#3E6672#416471#45626F#48606E#4C5E6C#505C6A
#3A6D6F#3F6A6C#45686A#4A6567#506264#555F61#5C5C5E
#3A7369#416F65#486C62#50685E#57645B#5E6157#675C53
#3A7963#43745F#4C705A#556B56#5E6652#67624D#725C48
#3A805C#457A57#507451#5C6F4C#676946#726341#805C3A

Colorpallet from #3A5C80 to #5C3A80 and to #5C803A
#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80
#3F5780#3F597E#3F5B7C#3F5C7B#3F5E79#3F6077#3F6275
#455180#45557C#455879#455C75#456072#45636E#45686A
#4A4C80#4A517B#4A5775#4A5C70#4A616A#4A6665#4A6D5E
#504680#504D79#505472#505C6A#506363#506A5C#507353
#554180#554A77#55536E#555C65#55655C#556E53#557948
#5C3A80#5C4575#5C506A#5C5C5E#5C6753#5C7248#5C803A

Colorpallet from #3A5C80 to #5C3A80 and to #803A5C
#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80
#3F5780#40577F#41577E#42577D#43577C#44577B#45577A
#455180#47517E#49517C#4A517A#4C5178#4E5176#505174
#4A4C80#4D4C7D#504C7B#534C78#564C75#584C72#5C4C6F
#504680#54467C#574679#5B4675#5F4671#62466E#674669
#554180#5A417B#5E4177#634172#68416D#6C4169#724163
#5C3A80#623A7A#683A74#6D3A6F#733A69#793A63#803A5C

Colorpallet from #3A5C80 to #5C3A80 and to #805C3A
#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80
#3F5780#40587E#41597C#42597B#435A79#445B77#455C75
#455180#47537C#495579#4A5675#4C5872#4E5A6E#505C6A
#4A4C80#4D4F7B#505175#535470#56566A#585965#5C5C5E
#504680#544A79#574D72#5B516A#5F5463#62585C#675C53
#554180#5A4577#5E4A6E#634E65#68525C#6C5753#725C48
#5C3A80#623F75#68456A#6D4A5E#735053#795548#805C3A

Colorpallet from #3A5C80 to #5C803A and to #803A5C
#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80
#3F6275#406076#415E77#425D77#435B78#445979#45577A
#45686A#47646C#49616D#4A5D6F#4C5970#4E5672#505174
#4A6D5E#4D6861#506263#535D66#565869#58536C#5C4C6F
#507353#546C57#57655A#5B5D5E#5F5661#624F65#674669
#557948#5A704C#5E6751#635E55#685559#6C4C5E#724163
#5C803A#62753F#686A45#6D5E4A#735350#794855#803A5C

Colorpallet from #3A5C80 to #5C803A and to #805C3A
#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80
#3F6275#406175#416075#425F75#435E75#445D75#455C75
#45686A#47666A#49646A#4A626A#4C606A#4E5E6A#505C6A
#4A6D5E#4D6A5E#50685E#53655E#56625E#585F5E#5C5C5E
#507353#546F53#576C53#5B6853#5F6453#626153#675C53
#557948#5A7448#5E7048#636B48#686648#6C6248#725C48
#5C803A#627A3A#68743A#6D6F3A#73693A#79633A#805C3A

Colorpallet from #3A5C80 to #803A5C and to #805C3A
#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80#3A5C80
#45577A#455879#455978#455978#455A77#455B76#455C75
#505174#505372#505571#50566F#50586E#505A6C#505C6A
#5C4C6F#5C4F6C#5C516A#5C5467#5C5664#5C5961#5C5C5E
#674669#674A65#674D62#67515E#67545B#675857#675C53
#724163#72455F#724A5A#724E56#725252#72574D#725C48
#803A5C#803F57#804551#804A4C#805046#805541#805C3A