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 #314C8A to #318A4C and to #4C318A
#314C8A#314C8A#314C8A#314C8A#314C8A#314C8A#314C8A
#315680#325482#325283#334F85#344D86#344B88#35488A
#316076#325B79#34577C#355280#374D83#384986#3A438A
#316A6C#336371#355C76#37557A#394E7F#3B4884#3E3F8A
#317462#346B68#36626F#395975#3C507C#3F4682#423B8A
#317E58#357260#386768#3C5B70#3F5078#434480#47368A
#318A4C#357C56#3A6E60#3E5F6A#425174#47437E#4C318A

Colorpallet from #314C8A to #318A4C and to #4C8A31
#314C8A#314C8A#314C8A#314C8A#314C8A#314C8A#314C8A
#315680#32567F#32567F#33567E#34567D#34567D#35567C
#316076#326075#346073#356072#376071#386070#3A606E
#316A6C#336A6A#356A68#376A66#396A64#3B6A62#3E6A5F
#317462#34745F#36745D#39745A#3C7457#3F7454#427451
#317E58#357E55#387E51#3C7E4E#3F7E4B#437E47#477E43
#318A4C#358A48#3A8A43#3E8A3F#428A3B#478A36#4C8A31

Colorpallet from #314C8A to #318A4C and to #8A314C
#314C8A#314C8A#314C8A#314C8A#314C8A#314C8A#314C8A
#315680#335480#355280#384F80#3A4D80#3C4B80#3F4880
#316076#355B76#3A5776#3E5276#434D76#474976#4D4376
#316A6C#38636C#3F5C6C#46556C#4D4E6C#53486C#5C3F6C
#317462#3A6B62#436262#4C5962#555062#5F4662#6A3B62
#317E58#3C7258#486758#535B58#5E5058#6A4458#783658
#318A4C#3F7C4C#4D6E4C#5C5F4C#6A514C#78434C#8A314C

Colorpallet from #314C8A to #318A4C and to #8A4C31
#314C8A#314C8A#314C8A#314C8A#314C8A#314C8A#314C8A
#315680#33547F#35537F#38517E#3A507D#3C4E7D#3F4C7C
#316076#355D75#3A5A73#3E5672#435371#475070#4D4C6E
#316A6C#38656A#3F6068#465C66#4D5764#535262#5C4C5F
#317462#3A6E5F#43675D#4C615A#555A57#5F5454#6A4C51
#317E58#3C7655#486E51#53664E#5E5E4B#6A5647#784C43
#318A4C#3F8048#4D7643#5C6C3F#6A623B#785836#8A4C31

Colorpallet from #314C8A to #4C318A and to #4C8A31
#314C8A#314C8A#314C8A#314C8A#314C8A#314C8A#314C8A
#35488A#354A88#354C86#354F83#355181#35537F#35567C
#3A438A#3A4886#3A4C81#3A517D#3A5678#3A5A74#3A606E
#3E3F8A#3E4683#3E4D7C#3E5475#3E5B6E#3E6168#3E6A5F
#423B8A#424481#424D78#42566F#425F66#42695C#427451
#47368A#47427F#474D73#475968#47645D#477051#477E43
#4C318A#4C3F7C#4C4D6E#4C5C5F#4C6A51#4C7843#4C8A31

Colorpallet from #314C8A to #4C318A and to #8A314C
#314C8A#314C8A#314C8A#314C8A#314C8A#314C8A#314C8A
#35488A#374888#384887#3A4885#3B4884#3D4882#3F4880
#3A438A#3D4387#404384#434380#46437D#49437A#4D4376
#3E3F8A#433F85#483F80#4C3F7C#513F77#563F72#5C3F6C
#423B8A#483B84#4F3B7D#553B77#5C3B70#623B6A#6A3B62
#47368A#4F3682#57367A#5F3672#66366A#6E3662#783658
#4C318A#563180#603176#6A316C#743162#7E3158#8A314C

Colorpallet from #314C8A to #4C318A and to #8A4C31
#314C8A#314C8A#314C8A#314C8A#314C8A#314C8A#314C8A
#35488A#374988#384986#3A4A83#3B4B81#3D4B7F#3F4C7C
#3A438A#3D4486#404681#43477D#464978#494A74#4D4C6E
#3E3F8A#434183#48437C#4C4575#51476E#564968#5C4C5F
#423B8A#483E81#4F4078#55436F#5C4666#62495C#6A4C51
#47368A#4F3A7F#573D73#5F4168#66445D#6E4851#784C43
#4C318A#56357C#603A6E#6A3E5F#744251#7E4743#8A4C31

Colorpallet from #314C8A to #4C8A31 and to #8A314C
#314C8A#314C8A#314C8A#314C8A#314C8A#314C8A#314C8A
#35567C#37547D#38527D#3A4F7E#3B4D7F#3D4B7F#3F4880
#3A606E#3D5B6F#405771#435272#464D73#494974#4D4376
#3E6A5F#436361#485C63#4C5565#514E67#564869#5C3F6C
#427451#486B54#4F6256#555959#5C505C#62465F#6A3B62
#477E43#4F7246#57674A#5F5B4D#665050#6E4454#783658
#4C8A31#567C35#606E3A#6A5F3E#745142#7E4347#8A314C

Colorpallet from #314C8A to #4C8A31 and to #8A4C31
#314C8A#314C8A#314C8A#314C8A#314C8A#314C8A#314C8A
#35567C#37547C#38537C#3A517C#3B507C#3D4E7C#3F4C7C
#3A606E#3D5D6E#405A6E#43566E#46536E#49506E#4D4C6E
#3E6A5F#43655F#48605F#4C5C5F#51575F#56525F#5C4C5F
#427451#486E51#4F6751#556151#5C5A51#625451#6A4C51
#477E43#4F7643#576E43#5F6643#665E43#6E5643#784C43
#4C8A31#568031#607631#6A6C31#746231#7E5831#8A4C31

Colorpallet from #314C8A to #8A314C and to #8A4C31
#314C8A#314C8A#314C8A#314C8A#314C8A#314C8A#314C8A
#3F4880#3F497F#3F497F#3F4A7E#3F4B7D#3F4B7D#3F4C7C
#4D4376#4D4475#4D4673#4D4772#4D4971#4D4A70#4D4C6E
#5C3F6C#5C416A#5C4368#5C4566#5C4764#5C4962#5C4C5F
#6A3B62#6A3E5F#6A405D#6A435A#6A4657#6A4954#6A4C51
#783658#783A55#783D51#78414E#78444B#784847#784C43
#8A314C#8A3548#8A3A43#8A3E3F#8A423B#8A4736#8A4C31