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 #3A6B5C to #3A5C6B and to #6B3A5C
#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C
#3A695E#3B685E#3D675D#3E665D#3F655D#40645C#42635C
#3A6661#3D6460#3F625F#42615F#445F5E#475D5D#4A5B5C
#3A6463#3E6162#425F61#465C60#49595F#4D565D#52535C
#3A6166#3F5E64#445A63#495761#4E5460#53505E#594C5C
#3A5F68#405B66#465664#4D5262#534E60#59495E#61445C
#3A5C6B#425769#4A5166#524C64#594661#61415F#6B3A5C

Colorpallet from #3A6B5C to #3A5C6B and to #6B5C3A
#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C
#3A695E#3B695D#3D695C#3E695B#3F695A#406958#426957
#3A6661#3D665E#3F665C#426659#446657#476654#4A6651
#3A6463#3E645F#42645C#466458#496454#4D6451#52644C
#3A6166#3F6161#44615C#496157#4E6152#53614C#596146
#3A5F68#405F62#465F5C#4D5F55#535F4F#595F49#615F41
#3A5C6B#425C63#4A5C5B#525C53#595C4C#615C44#6B5C3A

Colorpallet from #3A6B5C to #3A5C6B and to #5C3A6B
#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C
#3A695E#3B685E#3C675E#3C665E#3D655E#3E645E#3F635E
#3A6661#3C6461#3E6261#3F6161#415F61#435D61#455B61
#3A6463#3D6163#3F5F63#425C63#445963#475663#4A5363
#3A6166#3E5E66#415A66#455766#485466#4C5066#504C66
#3A5F68#3E5B68#435668#475268#4B4E68#504968#554468
#3A5C6B#3F576B#45516B#4A4C6B#50466B#55416B#5C3A6B

Colorpallet from #3A6B5C to #3A5C6B and to #5C6B3A
#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C
#3A695E#3B695D#3C6A5C#3C6A5B#3D6A5A#3E6B58#3F6B57
#3A6661#3C675E#3E685C#3F6859#416957#436A54#456B51
#3A6463#3D655F#3F665C#426758#446854#476A51#4A6B4C
#3A6166#3E6361#41645C#456657#486752#4C694C#506B46
#3A5F68#3E6162#43635C#476555#4B674F#506949#556B41
#3A5C6B#3F5E63#45615B#4A6353#50664C#556844#5C6B3A

Colorpallet from #3A6B5C to #6B3A5C and to #6B5C3A
#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C
#42635C#42645B#42655A#42665A#426759#426858#426957
#4A5B5C#4A5D5A#4A5F58#4A6057#4A6255#4A6453#4A6651
#52535C#525659#525857#525B54#525E52#52614F#52644C
#594C5C#594F58#595355#595651#59594E#595D4A#596146
#61445C#614858#614D53#61514F#61554B#615A46#615F41
#6B3A5C#6B3F57#6B4551#6B4A4C#6B5046#6B5541#6B5C3A

Colorpallet from #3A6B5C to #6B3A5C and to #5C3A6B
#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C
#42635C#42635C#41635D#41635D#40635D#40635E#3F635E
#4A5B5C#495B5D#485B5E#485B5E#475B5F#465B60#455B61
#52535C#51535D#4F535E#4E535F#4D5360#4C5362#4A5363
#594C5C#584C5E#564C5F#554C61#534C62#524C64#504C66
#61445C#5F445E#5D4460#5B4462#594464#574466#554468
#6B3A5C#693A5E#663A61#643A63#613A66#5F3A68#5C3A6B

Colorpallet from #3A6B5C to #6B3A5C and to #5C6B3A
#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C
#42635C#42645B#41665A#41675A#406859#406958#3F6B57
#4A5B5C#495E5A#486058#486357#476555#466853#456B51
#52535C#515759#4F5B57#4E5F54#4D6252#4C664F#4A6B4C
#594C5C#585158#565655#555B51#53604E#52654A#506B46
#61445C#5F4A58#5D5053#5B574F#595D4B#576346#556B41
#6B3A5C#694257#664A51#64524C#615946#5F6141#5C6B3A

Colorpallet from #3A6B5C to #6B5C3A and to #5C3A6B
#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C
#426957#426858#416759#41665A#40655B#40645D#3F635E
#4A6651#496454#486256#486159#475F5B#465D5E#455B61
#52644C#516150#4F5F53#4E5C57#4D595B#4C565E#4A5363
#596146#585E4B#565A50#555755#53545A#525060#504C66
#615F41#5F5B47#5D564D#5B5254#594E5A#574960#554468
#6B5C3A#695742#66514A#644C52#614659#5F4161#5C3A6B

Colorpallet from #3A6B5C to #6B5C3A and to #5C6B3A
#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C
#426957#426957#416A57#416A57#406A57#406B57#3F6B57
#4A6651#496751#486851#486851#476951#466A51#456B51
#52644C#51654C#4F664C#4E674C#4D684C#4C6A4C#4A6B4C
#596146#586346#566446#556646#536746#526946#506B46
#615F41#5F6141#5D6341#5B6541#596741#576941#556B41
#6B5C3A#695E3A#66613A#64633A#61663A#5F683A#5C6B3A

Colorpallet from #3A6B5C to #5C3A6B and to #5C6B3A
#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C#3A6B5C
#3F635E#3F645D#3F665C#3F675B#3F685A#3F6958#3F6B57
#455B61#455E5E#45605C#456359#456557#456854#456B51
#4A5363#4A575F#4A5B5C#4A5F58#4A6254#4A6651#4A6B4C
#504C66#505161#50565C#505B57#506052#50654C#506B46
#554468#554A62#55505C#555755#555D4F#556349#556B41
#5C3A6B#5C4263#5C4A5B#5C5253#5C594C#5C6144#5C6B3A