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 #3C7C8E to #3C8E7C and to #7C3C8E
#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E
#3C7F8B#3E7D8B#3F7B8C#41798C#42778D#44758D#46728E
#3C8288#3F7E89#427A8A#46768B#49718C#4C6D8D#50688E
#3C8585#417F86#467888#4B7289#506B8B#55658C#5B5D8E
#3C8882#438084#497786#506F88#56668A#5D5E8C#65538E
#3C8A80#448082#4C7584#546B87#5D6089#65568B#6F498E
#3C8E7C#46817F#507482#5B6785#655A88#6F4C8A#7C3C8E

Colorpallet from #3C7C8E to #3C8E7C and to #7C8E3C
#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E
#3C7F8B#3E7F89#3F7F88#417F86#427F85#447F83#467F81
#3C8288#3F8285#428282#46827E#49827B#4C8278#508274
#3C8585#418580#46857B#4B8577#508572#55856D#5B8567
#3C8882#43887C#498875#50886F#568868#5D8862#65885A
#3C8A80#448A78#4C8A6F#548A67#5D8A5F#658A56#6F8A4C
#3C8E7C#468E72#508E68#5B8E5D#658E53#6F8E49#7C8E3C

Colorpallet from #3C7C8E to #3C8E7C and to #8E3C7C
#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E
#3C7F8B#3E7D8B#407B8B#42798B#44778B#46758B#49728B
#3C8288#407E88#447A88#487688#4D7188#516D88#566888
#3C8585#427F85#487885#4F7285#556B85#5B6585#635D85
#3C8882#448082#4D7782#556F82#5D6682#665E82#705382
#3C8A80#478080#517580#5C6B80#666080#715680#7E4980
#3C8E7C#49817C#56747C#63677C#705A7C#7E4C7C#8E3C7C

Colorpallet from #3C7C8E to #3C8E7C and to #8E7C3C
#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E
#3C7F8B#3E7F89#407E88#427E86#447D85#467D83#497C81
#3C8288#408185#448082#487F7E#4D7E7B#517D78#567C74
#3C8585#428480#48827B#4F8177#557F72#5B7E6D#637C67
#3C8882#44867C#4D8475#55826F#5D8068#667E62#707C5A
#3C8A80#478878#51866F#5C8367#66815F#717F56#7E7C4C
#3C8E7C#498B72#568868#63855D#708253#7E8049#8E7C3C

Colorpallet from #3C7C8E to #7C3C8E and to #7C8E3C
#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E
#46728E#46748C#46768A#467888#467A86#467C84#467F81
#50688E#506C8A#507086#507482#50797D#507D79#508274
#5B5D8E#5B6388#5B6A82#5B707B#5B7775#5B7D6F#5B8567
#65538E#655B86#65647D#656C75#65756D#657D64#65885A
#6F498E#6F5383#6F5E79#6F686E#6F7364#6F7D59#6F8A4C
#7C3C8E#7C4981#7C5674#7C6367#7C705A#7C7E4C#7C8E3C

Colorpallet from #3C7C8E to #7C3C8E and to #8E3C7C
#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E
#46728E#46728E#47728D#47728D#48728C#48728C#49728B
#50688E#51688D#52688C#53688B#54688A#556889#566888
#5B5D8E#5C5D8D#5E5D8B#5F5D8A#605D88#615D87#635D85
#65538E#67538C#69538A#6A5388#6C5386#6E5384#705382
#6F498E#71498C#74498A#764987#794985#7B4983#7E4980
#7C3C8E#7F3C8B#823C88#853C85#883C82#8A3C80#8E3C7C

Colorpallet from #3C7C8E to #7C3C8E and to #8E7C3C
#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E
#46728E#46748C#47758A#477788#487886#487A84#497C81
#50688E#516B8A#526E86#537282#54757D#557879#567C74
#5B5D8E#5C6288#5E6782#5F6C7B#607175#61766F#637C67
#65538E#675A86#69607D#6A6775#6C6D6D#6E7464#707C5A
#6F498E#715183#745979#76616E#796A64#7B7259#7E7C4C
#7C3C8E#7F4681#825074#855B67#88655A#8A6F4C#8E7C3C

Colorpallet from #3C7C8E to #7C8E3C and to #8E3C7C
#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E
#467F81#467D83#477B84#477986#487787#487589#49728B
#508274#517E77#527A7A#53767E#547181#556D84#566888
#5B8567#5C7F6C#5E7871#5F7275#606B7A#61657F#635D85
#65885A#678060#697767#6A6F6D#6C6674#6E5E7A#705382
#6F8A4C#718054#74755D#766B65#79606D#7B5676#7E4980
#7C8E3C#7F8146#827450#85675B#885A65#8A4C6F#8E3C7C

Colorpallet from #3C7C8E to #7C8E3C and to #8E7C3C
#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E
#467F81#467F81#477E81#477E81#487D81#487D81#497C81
#508274#518174#528074#537F74#547E74#557D74#567C74
#5B8567#5C8467#5E8267#5F8167#607F67#617E67#637C67
#65885A#67865A#69845A#6A825A#6C805A#6E7E5A#707C5A
#6F8A4C#71884C#74864C#76834C#79814C#7B7F4C#7E7C4C
#7C8E3C#7F8B3C#82883C#85853C#88823C#8A803C#8E7C3C

Colorpallet from #3C7C8E to #8E3C7C and to #8E7C3C
#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E#3C7C8E
#49728B#497489#497588#497786#497885#497A83#497C81
#566888#566B85#566E82#56727E#56757B#567878#567C74
#635D85#636280#63677B#636C77#637172#63766D#637C67
#705382#705A7C#706075#70676F#706D68#707462#707C5A
#7E4980#7E5178#7E596F#7E6167#7E6A5F#7E7256#7E7C4C
#8E3C7C#8E4672#8E5068#8E5B5D#8E6553#8E6F49#8E7C3C