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 #305C8C to #308C5C and to #5C308C
#305C8C#305C8C#305C8C#305C8C#305C8C#305C8C#305C8C
#306484#316285#325F87#335D88#345A89#36588A#37558C
#306B7D#32667F#346282#375D84#395887#3B5489#3E4E8C
#307375#336C79#37657C#3A5E80#3D5784#415087#45478C
#307B6D#347272#396877#3D5F7C#425581#464C86#4C408C
#308266#36766C#3B6B72#415F78#46537E#4C4884#53398C
#308C5C#377D64#3E6F6B#456073#4C517B#534282#5C308C

Colorpallet from #305C8C to #308C5C and to #5C8C30
#305C8C#305C8C#305C8C#305C8C#305C8C#305C8C#305C8C
#306484#316483#326482#336481#346480#36647E#37647D
#306B7D#326B7B#346B79#376B76#396B74#3B6B72#3E6B6F
#307375#337372#37736E#3A736B#3D7368#417364#457360
#307B6D#347B69#397B64#3D7B60#427B5B#467B57#4C7B51
#308266#368260#3B825A#418255#46824F#4C8249#538242
#308C5C#378C55#3E8C4E#458C47#4C8C40#538C39#5C8C30

Colorpallet from #305C8C to #308C5C and to #8C305C
#305C8C#305C8C#305C8C#305C8C#305C8C#305C8C#305C8C
#306484#326284#355F84#375D84#3A5A84#3C5884#3F5584
#306B7D#35667D#39627D#3E5D7D#43587D#47547D#4D4E7D
#307375#376C75#3E6575#455E75#4C5775#535075#5C4775
#307B6D#39726D#43686D#4C5F6D#56556D#5F4C6D#6B406D
#308266#3C7666#486B66#545F66#5F5366#6B4866#7A3966
#308C5C#3F7D5C#4D6F5C#5C605C#6B515C#7A425C#8C305C

Colorpallet from #305C8C to #308C5C and to #8C5C30
#305C8C#305C8C#305C8C#305C8C#305C8C#305C8C#305C8C
#306484#326383#356182#376081#3A5F80#3C5E7E#3F5C7D
#306B7D#35697B#396679#3E6476#436174#475F72#4D5C6F
#307375#376F72#3E6C6E#45686B#4C6468#536164#5C5C60
#307B6D#397669#437164#4C6C60#56675B#5F6257#6B5C51
#308266#3C7C60#48765A#547055#5F6A4F#6B6449#7A5C42
#308C5C#3F8455#4D7D4E#5C7547#6B6D40#7A6639#8C5C30

Colorpallet from #305C8C to #5C308C and to #5C8C30
#305C8C#305C8C#305C8C#305C8C#305C8C#305C8C#305C8C
#37558C#37578A#375A87#375C85#375F82#376180#37647D
#3E4E8C#3E5387#3E5783#3E5C7E#3E6179#3E6575#3E6B6F
#45478C#454E85#45557E#455C77#456370#456A69#457360
#4C408C#4C4983#4C5379#4C5C70#4C6666#4C6F5D#4C7B51
#53398C#534580#535074#535C68#53685D#537351#538242
#5C308C#5C3F7D#5C4D6F#5C5C60#5C6B51#5C7A42#5C8C30

Colorpallet from #305C8C to #5C308C and to #8C305C
#305C8C#305C8C#305C8C#305C8C#305C8C#305C8C#305C8C
#37558C#38558B#3A5589#3B5588#3C5587#3D5586#3F5584
#3E4E8C#404E8A#434E87#454E85#484E82#4A4E80#4D4E7D
#45478C#494788#4C4785#504781#54477D#57477A#5C4775
#4C408C#514087#564082#5B407D#604078#654073#6B406D
#53398C#593986#5F3980#66397A#6C3974#72396E#7A3966
#5C308C#643084#6B307D#733075#7B306D#823066#8C305C

Colorpallet from #305C8C to #5C308C and to #8C5C30
#305C8C#305C8C#305C8C#305C8C#305C8C#305C8C#305C8C
#37558C#38568A#3A5787#3B5885#3C5982#3D5B80#3F5C7D
#3E4E8C#405087#435283#45557E#485779#4A5975#4D5C6F
#45478C#494A85#4C4E7E#505177#545470#575869#5C5C60
#4C408C#514483#564979#5B4D70#605266#65565D#6B5C51
#53398C#593F80#5F4474#664A68#6C4F5D#725551#7A5C42
#5C308C#64377D#6B3E6F#734560#7B4C51#825342#8C5C30

Colorpallet from #305C8C to #5C8C30 and to #8C305C
#305C8C#305C8C#305C8C#305C8C#305C8C#305C8C#305C8C
#37647D#38627E#3A5F7F#3B5D80#3C5A81#3D5883#3F5584
#3E6B6F#406671#436273#455D76#485878#4A547A#4D4E7D
#457360#496C63#4C6567#505E6A#54576D#575071#5C4775
#4C7B51#517255#56685A#5B5F5E#605563#654C67#6B406D
#538242#597648#5F6B4E#665F53#6C5359#72485F#7A3966
#5C8C30#647D37#6B6F3E#736045#7B514C#824253#8C305C

Colorpallet from #305C8C to #5C8C30 and to #8C5C30
#305C8C#305C8C#305C8C#305C8C#305C8C#305C8C#305C8C
#37647D#38637D#3A617D#3B607D#3C5F7D#3D5E7D#3F5C7D
#3E6B6F#40696F#43666F#45646F#48616F#4A5F6F#4D5C6F
#457360#496F60#4C6C60#506860#546460#576160#5C5C60
#4C7B51#517651#567151#5B6C51#606751#656251#6B5C51
#538242#597C42#5F7642#667042#6C6A42#726442#7A5C42
#5C8C30#648430#6B7D30#737530#7B6D30#826630#8C5C30

Colorpallet from #305C8C to #8C305C and to #8C5C30
#305C8C#305C8C#305C8C#305C8C#305C8C#305C8C#305C8C
#3F5584#3F5683#3F5782#3F5881#3F5980#3F5B7E#3F5C7D
#4D4E7D#4D507B#4D5279#4D5576#4D5774#4D5972#4D5C6F
#5C4775#5C4A72#5C4E6E#5C516B#5C5468#5C5864#5C5C60
#6B406D#6B4469#6B4964#6B4D60#6B525B#6B5657#6B5C51
#7A3966#7A3F60#7A445A#7A4A55#7A4F4F#7A5549#7A5C42
#8C305C#8C3755#8C3E4E#8C4547#8C4C40#8C5339#8C5C30