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 #314A83 to #31834A and to #4A3183
#314A83#314A83#314A83#314A83#314A83#314A83#314A83
#31537A#32517B#324F7D#334D7E#344B80#344981#354683
#315C71#325874#345477#35507A#364B7D#37477F#394283
#316568#335F6C#355971#375275#394C79#3B467E#3D3E83
#316E5F#346665#365D6B#395570#3B4D76#3E447C#413A83
#317855#346D5C#376364#3B586B#3E4E72#41437A#453683
#31834A#357653#39695C#3D5C65#414F6E#454178#4A3183

Colorpallet from #314A83 to #31834A and to #4A8331
#314A83#314A83#314A83#314A83#314A83#314A83#314A83
#31537A#325379#325379#335378#345377#345377#355376
#315C71#325C70#345C6E#355C6D#365C6C#375C6B#395C69
#316568#336566#356564#376562#396560#3B655E#3D655C
#316E5F#346E5C#366E5A#396E57#3B6E55#3E6E52#416E4F
#317855#347852#37784F#3B784B#3E7848#417845#457841
#31834A#358346#398342#3D833E#41833A#458336#4A8331

Colorpallet from #314A83 to #31834A and to #83314A
#314A83#314A83#314A83#314A83#314A83#314A83#314A83
#31537A#33517A#354F7A#374D7A#394B7A#3B497A#3E467A
#315C71#355871#395471#3D5071#424B71#464771#4B4271
#316568#375F68#3D5968#445268#4A4C68#504668#583E68
#316E5F#39665F#425D5F#4A555F#524D5F#5B445F#653A5F
#317855#3C6D55#466355#515855#5B4E55#664355#733655
#31834A#3E764A#4B694A#585C4A#654F4A#73414A#83314A

Colorpallet from #314A83 to #31834A and to #834A31
#314A83#314A83#314A83#314A83#314A83#314A83#314A83
#31537A#335279#355079#374F78#394D77#3B4C77#3E4A76
#315C71#355970#39566E#3D536D#42506C#464E6B#4B4A69
#316568#376166#3D5C64#445862#4A5460#504F5E#584A5C
#316E5F#39685C#42625A#4A5D57#525755#5B5152#654A4F
#317855#3C7152#46694F#51624B#5B5B48#665345#734A41
#31834A#3E7A46#4B7142#58683E#655F3A#735536#834A31

Colorpallet from #314A83 to #4A3183 and to #4A8331
#314A83#314A83#314A83#314A83#314A83#314A83#314A83
#354683#354881#354A7F#354C7D#354E7B#355079#355376
#394283#39467F#394A7B#394E77#395372#39576E#395C69
#3D3E83#3D447D#3D4A77#3D5170#3D576A#3D5D64#3D655C
#413A83#41427B#414B72#41536A#415B62#416459#416E4F
#453683#454178#454B6E#455663#456059#456B4E#457841
#4A3183#4A3E76#4A4B69#4A585C#4A654F#4A7341#4A8331

Colorpallet from #314A83 to #4A3183 and to #83314A
#314A83#314A83#314A83#314A83#314A83#314A83#314A83
#354683#364682#384680#39467F#3B467D#3C467C#3E467A
#394283#3C4280#3F427D#42427A#454277#474275#4B4271
#3D3E83#413E7F#463E7A#4A3E76#4E3E72#533E6D#583E68
#413A83#473A7D#4D3A77#523A72#583A6C#5E3A66#653A5F
#453683#4C367C#543674#5B366D#623666#6A365E#733655
#4A3183#53317A#5C3171#653168#6E315F#783155#83314A

Colorpallet from #314A83 to #4A3183 and to #834A31
#314A83#314A83#314A83#314A83#314A83#314A83#314A83
#354683#364781#38477F#39487D#3B497B#3C4979#3E4A76
#394283#3C437F#3F457B#424677#454772#47486E#4B4A69
#3D3E83#41407D#464277#4A4470#4E466A#534864#584A5C
#413A83#473D7B#4D3F72#52426A#584462#5E4759#654A4F
#453683#4C3978#543C6E#5B4063#624359#6A464E#734A41
#4A3183#533576#5C3969#653D5C#6E414F#784541#834A31

Colorpallet from #314A83 to #4A8331 and to #83314A
#314A83#314A83#314A83#314A83#314A83#314A83#314A83
#355376#365177#384F77#394D78#3B4B79#3C4979#3E467A
#395C69#3C586A#3F546C#42506D#454B6E#47476F#4B4271
#3D655C#415F5E#465960#4A5262#4E4C64#534666#583E68
#416E4F#476652#4D5D54#525557#584D59#5E445C#653A5F
#457841#4C6D44#546347#5B584B#624E4E#6A4351#733655
#4A8331#537635#5C6939#655C3D#6E4F41#784145#83314A

Colorpallet from #314A83 to #4A8331 and to #834A31
#314A83#314A83#314A83#314A83#314A83#314A83#314A83
#355376#365276#385076#394F76#3B4D76#3C4C76#3E4A76
#395C69#3C5969#3F5669#425369#455069#474E69#4B4A69
#3D655C#41615C#465C5C#4A585C#4E545C#534F5C#584A5C
#416E4F#47684F#4D624F#525D4F#58574F#5E514F#654A4F
#457841#4C7141#546941#5B6241#625B41#6A5341#734A41
#4A8331#537A31#5C7131#656831#6E5F31#785531#834A31

Colorpallet from #314A83 to #83314A and to #834A31
#314A83#314A83#314A83#314A83#314A83#314A83#314A83
#3E467A#3E4779#3E4779#3E4878#3E4977#3E4977#3E4A76
#4B4271#4B4370#4B456E#4B466D#4B476C#4B486B#4B4A69
#583E68#584066#584264#584462#584660#58485E#584A5C
#653A5F#653D5C#653F5A#654257#654455#654752#654A4F
#733655#733952#733C4F#73404B#734348#734645#734A41
#83314A#833546#833942#833D3E#83413A#834536#834A31