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 #2F48A2 to #2FA248 and to #482FA2
#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2
#2F5694#305396#305098#314D9B#324A9D#32489F#3344A2
#2F6585#305F8A#32598E#335393#344D98#35479C#3740A2
#2F7377#316A7E#336185#35598C#375093#394799#3B3CA2
#2F8268#327671#346A7B#375E84#39538D#3C4796#3F38A2
#2F905A#328166#357371#39647D#3C5588#3F4694#4334A2
#2FA248#339056#377D65#3B6B73#3F5882#434690#482FA2

Colorpallet from #2F48A2 to #2FA248 and to #48A22F
#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2
#2F5694#305693#305693#315692#325691#325691#335690
#2F6585#306584#326582#336581#346580#35657F#37657D
#2F7377#317375#337373#357371#37736F#39736D#3B736B
#2F8268#328265#348263#378260#39825E#3C825B#3F8258
#2F905A#329057#359054#399050#3C904D#3F904A#439046
#2FA248#33A244#37A240#3BA23C#3FA238#43A234#48A22F

Colorpallet from #2F48A2 to #2FA248 and to #A22F48
#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2
#2F5694#325394#355094#384D94#3B4A94#3D4894#414494
#2F6585#355F85#3B5985#415385#474D85#4D4785#544085
#2F7377#386A77#416177#495977#525077#5B4777#663C77
#2F8268#3B7668#476A68#535E68#5E5368#6A4768#793868
#2F905A#3E815A#4C735A#5B645A#6A555A#79465A#8B345A
#2FA248#419048#547D48#666B48#795848#8B4648#A22F48

Colorpallet from #2F48A2 to #2FA248 and to #A2482F
#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2
#2F5694#325493#355293#384F92#3B4D91#3D4B91#414890
#2F6585#356084#3B5C82#415781#475280#4D4E7F#54487D
#2F7377#386C75#416573#495E71#52576F#5B516D#66486B
#2F8268#3B7965#476F63#536660#5E5D5E#6A545B#794858
#2F905A#3E8457#4C7954#5B6D50#6A624D#79564A#8B4846
#2FA248#419444#548540#66773C#796838#8B5A34#A2482F

Colorpallet from #2F48A2 to #482FA2 and to #48A22F
#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2
#3344A2#33479F#334A9C#334D99#335096#335294#335690
#3740A2#37469C#374C96#375290#37588A#375E84#37657D
#3B3CA2#3B4599#3B4E90#3B5688#3B5F7F#3B6876#3B736B
#3F38A2#3F4496#3F508A#3F5C7E#3F6773#3F7367#3F8258
#4334A2#434393#435185#436076#436F67#437E58#439046
#482FA2#484190#48547D#48666B#487958#488B46#48A22F

Colorpallet from #2F48A2 to #482FA2 and to #A22F48
#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2
#3344A2#3544A0#37449E#3A449B#3C4499#3E4497#414494
#3740A2#3C409D#404099#454094#4A408F#4E408B#544085
#3B3CA2#423C9B#493C94#503C8D#573C86#5D3C80#663C77
#3F38A2#483899#52388F#5B3886#64387D#6D3874#793868
#4334A2#4F3496#5A348B#66347F#713474#7D3468#8B345A
#482FA2#562F94#652F85#732F77#822F68#902F5A#A22F48

Colorpallet from #2F48A2 to #482FA2 and to #A2482F
#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2
#3344A2#35459F#37459C#3A4699#3C4796#3E4794#414890
#3740A2#3C419C#404396#454490#4A458A#4E4684#54487D
#3B3CA2#423E99#494090#504288#57447F#5D4676#66486B
#3F38A2#483B96#523D8A#5B407E#644273#6D4567#794858
#4334A2#4F3793#5A3A85#663E76#714167#7D4458#8B4846
#482FA2#563390#65377D#733B6B#823F58#904346#A2482F

Colorpallet from #2F48A2 to #48A22F and to #A22F48
#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2
#335690#355391#375091#3A4D92#3C4A93#3E4893#414494
#37657D#3C5F7E#405980#455381#4A4D82#4E4783#544085
#3B736B#426A6D#49616F#505971#575073#5D4775#663C77
#3F8258#48765B#526A5D#5B5E60#645362#6D4765#793868
#439046#4F8149#5A734C#666450#715553#7D4656#8B345A
#48A22F#569033#657D37#736B3B#82583F#904643#A22F48

Colorpallet from #2F48A2 to #48A22F and to #A2482F
#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2
#335690#355490#375290#3A4F90#3C4D90#3E4B90#414890
#37657D#3C607D#405C7D#45577D#4A527D#4E4E7D#54487D
#3B736B#426C6B#49656B#505E6B#57576B#5D516B#66486B
#3F8258#487958#526F58#5B6658#645D58#6D5458#794858
#439046#4F8446#5A7946#666D46#716246#7D5646#8B4846
#48A22F#56942F#65852F#73772F#82682F#905A2F#A2482F

Colorpallet from #2F48A2 to #A22F48 and to #A2482F
#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2#2F48A2
#414494#414593#414593#414692#414791#414791#414890
#544085#544184#544382#544481#544580#54467F#54487D
#663C77#663E75#664073#664271#66446F#66466D#66486B
#793868#793B65#793D63#794060#79425E#79455B#794858
#8B345A#8B3757#8B3A54#8B3E50#8B414D#8B444A#8B4846
#A22F48#A23344#A23740#A23B3C#A23F38#A24334#A2482F