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 #3A40A8 to #3AA840 and to #403AA8
#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8
#3A5197#3A4E9A#3A4B9C#3A489F#3B45A2#3B43A5#3B3FA8
#3A6187#3A5B8C#3B5692#3B5097#3B4B9C#3C45A1#3C3EA8
#3A7276#3A6A7E#3B6186#3B598E#3C5096#3C489E#3D3DA8
#3A8365#3B7870#3B6C7A#3C6185#3D5690#3D4A9B#3E3CA8
#3A9355#3B8562#3C7770#3C697D#3D5B8A#3E4D97#3F3BA8
#3AA840#3B9651#3C8561#3D7372#3E6283#3F5093#403AA8

Colorpallet from #3A40A8 to #3AA840 and to #40A83A
#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8
#3A5197#3A5197#3A5197#3A5197#3B5196#3B5196#3B5196
#3A6187#3A6187#3B6186#3B6186#3B6186#3C6185#3C6185
#3A7276#3A7276#3B7275#3B7275#3C7274#3C7274#3D7273
#3A8365#3B8365#3B8364#3C8364#3D8363#3D8363#3E8362
#3A9355#3B9354#3C9353#3C9353#3D9352#3E9351#3F9350
#3AA840#3BA83F#3CA83E#3DA83D#3EA83C#3FA83B#40A83A

Colorpallet from #3A40A8 to #3AA840 and to #A83A40
#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8
#3A5197#3D4E97#404B97#434897#464597#484397#4C3F97
#3A6187#405B87#455687#4B5087#504B87#564587#5D3E87
#3A7276#426A76#4B6176#535976#5C5076#644876#6F3D76
#3A8365#457865#506C65#5C6165#675665#724A65#803C65
#3A9355#488555#567755#646955#725B55#804D55#923B55
#3AA840#4C9640#5D8540#6F7340#806240#925040#A83A40

Colorpallet from #3A40A8 to #3AA840 and to #A8403A
#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8
#3A5197#3D4E97#404C97#434997#464696#484396#4C4096
#3A6187#405C87#455686#4B5186#504C86#564785#5D4085
#3A7276#426A76#4B6275#535A75#5C5274#644A74#6F4073
#3A8365#457865#506E64#5C6364#675863#724D63#804062
#3A9355#488654#567853#646B53#725E52#805151#924050
#3AA840#4C973F#5D873E#6F763D#80653C#92553B#A8403A

Colorpallet from #3A40A8 to #403AA8 and to #40A83A
#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8
#3B3FA8#3B42A5#3B45A2#3B489F#3B4B9C#3B4D9A#3B5196
#3C3EA8#3C44A2#3C499D#3C4F97#3C5492#3C5A8C#3C6185
#3D3DA8#3D45A0#3D4E97#3D568F#3D5F86#3D677E#3D7273
#3E3CA8#3E479D#3E5392#3E5E86#3E697B#3E7570#3E8362
#3F3BA8#3F499A#3F578C#3F657E#3F7370#3F8162#3F9350
#403AA8#404C96#405D85#406F73#408062#409250#40A83A

Colorpallet from #3A40A8 to #403AA8 and to #A83A40
#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8
#3B3FA8#3E3FA5#403FA3#433FA0#463F9D#493F9A#4C3F97
#3C3EA8#413EA3#473E9D#4C3E98#513E93#563E8E#5D3E87
#3D3DA8#453DA0#4D3D98#553D90#5D3D88#653D80#6F3D76
#3E3CA8#493C9D#533C93#5E3C88#683C7D#733C72#803C65
#3F3BA8#4C3B9B#5A3B8D#673B80#743B73#813B66#923B55
#403AA8#513A97#613A87#723A76#833A65#933A55#A83A40

Colorpallet from #3A40A8 to #403AA8 and to #A8403A
#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8
#3B3FA8#3E3FA5#403FA2#433F9F#46409C#49409A#4C4096
#3C3EA8#413EA2#473F9D#4C3F97#513F92#56408C#5D4085
#3D3DA8#453DA0#4D3E97#553E8F#5D3F86#653F7E#6F4073
#3E3CA8#493D9D#533D92#5E3E86#683F7B#733F70#804062
#3F3BA8#4C3C9A#5A3D8C#673D7E#743E70#813F62#924050
#403AA8#513B96#613C85#723D73#833E62#933F50#A8403A

Colorpallet from #3A40A8 to #40A83A and to #A83A40
#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8
#3B5196#3E4E96#404B96#434896#464597#494397#4C3F97
#3C6185#415B85#475686#4C5086#514B86#564587#5D3E87
#3D7273#456A73#4D6174#555974#5D5075#654875#6F3D76
#3E8362#497862#536C63#5E6163#685664#734A64#803C65
#3F9350#4C8551#5A7752#676952#745B53#814D54#923B55
#40A83A#51963B#61853C#72733D#83623E#93503F#A83A40

Colorpallet from #3A40A8 to #40A83A and to #A8403A
#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8
#3B5196#3E4E96#404C96#434996#464696#494396#4C4096
#3C6185#415C85#475685#4C5185#514C85#564785#5D4085
#3D7273#456A73#4D6273#555A73#5D5273#654A73#6F4073
#3E8362#497862#536E62#5E6362#685862#734D62#804062
#3F9350#4C8650#5A7850#676B50#745E50#815150#924050
#40A83A#51973A#61873A#72763A#83653A#93553A#A8403A

Colorpallet from #3A40A8 to #A83A40 and to #A8403A
#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8#3A40A8
#4C3F97#4C3F97#4C3F97#4C3F97#4C4096#4C4096#4C4096
#5D3E87#5D3E87#5D3F86#5D3F86#5D3F86#5D4085#5D4085
#6F3D76#6F3D76#6F3E75#6F3E75#6F3F74#6F3F74#6F4073
#803C65#803D65#803D64#803E64#803F63#803F63#804062
#923B55#923C54#923D53#923D53#923E52#923F51#924050
#A83A40#A83B3F#A83C3E#A83D3D#A83E3C#A83F3B#A8403A