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 #3A7C6B to #3A6B7C and to #7C3A6B
#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B
#3A796E#3C786E#3E766D#3F756D#41746C#43736C#45716B
#3A7770#3D746F#41726E#446F6E#476D6D#4B6A6C#4F676B
#3A7473#3F7072#446C70#49686F#4E656E#54616D#5A5C6B
#3A7176#416C74#476772#4E6271#555D6F#5C586D#64526B
#3A6E79#426877#4B6275#535B72#5C5570#644F6E#6F476B
#3A6B7C#456379#4F5B77#5A5374#644C71#6F446E#7C3A6B

Colorpallet from #3A7C6B to #3A6B7C and to #7C6B3A
#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B
#3A796E#3C796C#3E796A#3F7969#417967#437965#457963
#3A7770#3D776D#417769#447766#477763#4B775F#4F775B
#3A7473#3F746E#447469#497464#4E745F#547459#5A7453
#3A7176#41716F#477169#4E7162#55715B#5C7154#64714C
#3A6E79#426E71#4B6E68#536E60#5C6E57#646E4F#6F6E44
#3A6B7C#456B71#4F6B67#5A6B5C#646B52#6F6B47#7C6B3A

Colorpallet from #3A7C6B to #3A6B7C and to #6B3A7C
#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B
#3A796E#3B786E#3D766E#3E756E#3F746E#40736E#42716E
#3A7770#3D7470#3F7270#426F70#446D70#476A70#4A6770
#3A7473#3E7073#426C73#466873#496573#4D6173#525C73
#3A7176#3F6C76#446776#496276#4E5D76#535876#595276
#3A6E79#406879#466279#4D5B79#535579#594F79#614779
#3A6B7C#42637C#4A5B7C#52537C#594C7C#61447C#6B3A7C

Colorpallet from #3A7C6B to #3A6B7C and to #6B7C3A
#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B
#3A796E#3B796C#3D7A6A#3E7A69#3F7B67#407B65#427C63
#3A7770#3D786D#3F7969#427966#447A63#477B5F#4A7C5B
#3A7473#3E756E#427769#467864#49795F#4D7A59#527C53
#3A7176#3F736F#447569#497662#4E785B#537A54#597C4C
#3A6E79#407071#467268#4D7560#537757#59794F#617C44
#3A6B7C#426E71#4A7067#52735C#597652#617947#6B7C3A

Colorpallet from #3A7C6B to #7C3A6B and to #7C6B3A
#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B
#45716B#45726A#457468#457567#457666#457765#457963
#4F676B#4F6A68#4F6C66#4F6F63#4F7161#4F745E#4F775B
#5A5C6B#5A6067#5A6463#5A685F#5A6B5C#5A6F58#5A7453
#64526B#645766#645C61#64615C#646657#646B52#64714C
#6F476B#6F4D65#6F535F#6F5A58#6F6052#6F664C#6F6E44
#7C3A6B#7C4263#7C4A5B#7C5253#7C594C#7C6144#7C6B3A

Colorpallet from #3A7C6B to #7C3A6B and to #6B3A7C
#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B
#45716B#45716B#44716C#44716C#43716D#43716D#42716E
#4F676B#4E676C#4D676D#4D676D#4C676E#4B676F#4A6770
#5A5C6B#595C6C#575C6E#565C6F#555C70#545C71#525C73
#64526B#62526D#60526F#5F5270#5D5272#5B5274#595276
#6F476B#6D476D#6B476F#684772#664774#644776#614779
#7C3A6B#793A6E#773A70#743A73#713A76#6E3A79#6B3A7C

Colorpallet from #3A7C6B to #7C3A6B and to #6B7C3A
#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B
#45716B#45736A#447568#447667#437866#437A65#427C63
#4F676B#4E6A68#4D6E66#4D7163#4C7461#4B785E#4A7C5B
#5A5C6B#596167#576663#566B5F#55705C#547658#527C53
#64526B#625966#605F61#5F665C#5D6D57#5B7452#597C4C
#6F476B#6D4F65#6B585F#686058#666952#64714C#617C44
#7C3A6B#794563#774F5B#745A53#71644C#6E6F44#6B7C3A

Colorpallet from #3A7C6B to #7C6B3A and to #6B3A7C
#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B
#457963#457865#447667#447568#43746A#43736C#42716E
#4F775B#4E745E#4D7262#4D6F65#4C6D68#4B6A6C#4A6770
#5A7453#597058#576C5D#566862#556567#54616D#525C73
#64714C#626C53#606759#5F6260#5D5D67#5B586E#595276
#6F6E44#6D684C#6B6255#685B5D#665566#644F6E#614779
#7C6B3A#796345#775B4F#74535A#714C64#6E446F#6B3A7C

Colorpallet from #3A7C6B to #7C6B3A and to #6B7C3A
#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B
#457963#457963#447A63#447A63#437B63#437B63#427C63
#4F775B#4E785B#4D795B#4D795B#4C7A5B#4B7B5B#4A7C5B
#5A7453#597553#577753#567853#557953#547A53#527C53
#64714C#62734C#60754C#5F764C#5D784C#5B7A4C#597C4C
#6F6E44#6D7044#6B7244#687544#667744#647944#617C44
#7C6B3A#796E3A#77703A#74733A#71763A#6E793A#6B7C3A

Colorpallet from #3A7C6B to #6B3A7C and to #6B7C3A
#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B#3A7C6B
#42716E#42736C#42756A#427669#427867#427A65#427C63
#4A6770#4A6A6D#4A6E69#4A7166#4A7463#4A785F#4A7C5B
#525C73#52616E#526669#526B64#52705F#527659#527C53
#595276#59596F#595F69#596662#596D5B#597454#597C4C
#614779#614F71#615868#616060#616957#61714F#617C44
#6B3A7C#6B4571#6B4F67#6B5A5C#6B6452#6B6F47#6B7C3A