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 #2D6C80 to #2D806C and to #6C2D80
#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80
#2D6F7D#2F6D7D#306B7E#32697E#33677F#35657F#376280
#2D727A#306E7B#336A7C#37667D#3A617E#3D5D7F#415880
#2D7676#327078#376979#3B637B#405C7C#45567E#4B4E80
#2D7973#337175#3A6877#406079#47577B#4D4F7D#554480
#2D7C70#357173#3D6775#455C78#4D527A#55477D#5F3A80
#2D806C#37736F#416572#4B5876#554B79#5F3E7C#6C2D80

Colorpallet from #2D6C80 to #2D806C and to #6C802D
#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80
#2D6F7D#2F6F7B#306F7A#326F78#336F77#356F75#376F73
#2D727A#307277#337273#377270#3A726D#3D7269#417265
#2D7676#327671#37766C#3B7668#407663#45765E#4B7658
#2D7973#33796D#3A7966#407960#477959#4D7953#55794B
#2D7C70#357C68#3D7C60#457C58#4D7C50#557C48#5F7C3E
#2D806C#378062#418058#4B804E#558044#5F803A#6C802D

Colorpallet from #2D6C80 to #2D806C and to #802D6C
#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80
#2D6F7D#2F6D7D#316B7D#33697D#35677D#37657D#3A627D
#2D727A#316E7A#366A7A#3A667A#3E617A#435D7A#48587A
#2D7676#337076#3A6976#406376#475C76#4D5676#554E76
#2D7973#357173#3E6873#466073#4F5773#574F73#624473
#2D7C70#387170#426770#4D5C70#575270#624770#6F3A70
#2D806C#3A736C#48656C#55586C#624B6C#6F3E6C#802D6C

Colorpallet from #2D6C80 to #2D806C and to #806C2D
#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80
#2D6F7D#2F6F7B#316E7A#336E78#356D77#376D75#3A6C73
#2D727A#317177#367073#3A6F70#3E6E6D#436D69#486C65
#2D7676#337471#3A736C#407168#477063#4D6E5E#556C58
#2D7973#35776D#3E7566#467360#4F7159#576F53#626C4B
#2D7C70#387968#427760#4D7458#577250#626F48#6F6C3E
#2D806C#3A7D62#487A58#55764E#627344#6F703A#806C2D

Colorpallet from #2D6C80 to #6C2D80 and to #6C802D
#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80
#376280#37647E#37667C#37687A#376A78#376C76#376F73
#415880#415C7C#416077#416473#41696F#416D6A#417265
#4B4E80#4B547A#4B5B73#4B616D#4B6866#4B6E60#4B7658
#554480#554C78#55556F#555D67#55665E#556E56#55794B
#5F3A80#5F4575#5F4F6B#5F5A60#5F6456#5F6F4B#5F7C3E
#6C2D80#6C3A73#6C4865#6C5558#6C624B#6C6F3E#6C802D

Colorpallet from #2D6C80 to #6C2D80 and to #802D6C
#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80
#376280#376280#38627F#38627F#39627E#39627E#3A627D
#415880#42587F#43587E#44587D#45587C#47587B#48587A
#4B4E80#4D4E7E#4E4E7D#504E7B#514E7A#534E78#554E76
#554480#57447E#59447C#5B447A#5D4478#5F4476#624473
#5F3A80#623A7D#643A7B#673A78#693A76#6C3A73#6F3A70
#6C2D80#6F2D7D#722D7A#762D76#792D73#7C2D70#802D6C

Colorpallet from #2D6C80 to #6C2D80 and to #806C2D
#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80
#376280#37647E#38657C#38677A#396878#396A76#3A6C73
#415880#425B7C#435E77#446273#45656F#47686A#486C65
#4B4E80#4D537A#4E5873#505C6D#516166#536660#556C58
#554480#574A78#59516F#5B5767#5D5E5E#5F6456#626C4B
#5F3A80#624275#644A6B#675260#695A56#6C624B#6F6C3E
#6C2D80#6F3773#724165#764B58#79554B#7C5F3E#806C2D

Colorpallet from #2D6C80 to #6C802D and to #802D6C
#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80
#376F73#376D75#386B76#386978#396779#39657B#3A627D
#417265#426E68#436A6C#44666F#456172#475D76#48587A
#4B7658#4D705D#4E6962#506366#515C6B#535670#554E76
#55794B#577151#596858#5B605E#5D5765#5F4F6B#624473
#5F7C3E#627146#64674E#675C56#69525E#6C4766#6F3A70
#6C802D#6F7337#726541#76584B#794B55#7C3E5F#802D6C

Colorpallet from #2D6C80 to #6C802D and to #806C2D
#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80
#376F73#376F73#386E73#386E73#396D73#396D73#3A6C73
#417265#427165#437065#446F65#456E65#476D65#486C65
#4B7658#4D7458#4E7358#507158#517058#536E58#556C58
#55794B#57774B#59754B#5B734B#5D714B#5F6F4B#626C4B
#5F7C3E#62793E#64773E#67743E#69723E#6C6F3E#6F6C3E
#6C802D#6F7D2D#727A2D#76762D#79732D#7C702D#806C2D

Colorpallet from #2D6C80 to #802D6C and to #806C2D
#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80#2D6C80
#3A627D#3A647B#3A657A#3A6778#3A6877#3A6A75#3A6C73
#48587A#485B77#485E73#486270#48656D#486869#486C65
#554E76#555371#55586C#555C68#556163#55665E#556C58
#624473#624A6D#625166#625760#625E59#626453#626C4B
#6F3A70#6F4268#6F4A60#6F5258#6F5A50#6F6248#6F6C3E
#802D6C#803762#804158#804B4E#805544#805F3A#806C2D