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 #312D86 to #31862D and to #2D3186
#312D86#312D86#312D86#312D86#312D86#312D86#312D86
#313B78#31397A#31377C#31357F#303381#303183#302E86
#31496A#31456E#314073#313C77#30387C#303380#302E86
#31585B#315162#304B69#304470#303E77#2F377D#2F2F86
#31664D#315D56#30555F#304C68#2F4371#2F3B7B#2E3086
#31743F#31694A#305E56#305361#2F486C#2F3E78#2E3086
#31862D#30783B#306B49#2F5D58#2E5066#2E4274#2D3186

Colorpallet from #312D86 to #31862D and to #2D8631
#312D86#312D86#312D86#312D86#312D86#312D86#312D86
#313B78#313B78#313B78#313B78#303B78#303B78#303B78
#31496A#31496A#31496A#31496A#30496B#30496B#30496B
#31585B#31585B#30585C#30585C#30585C#2F585D#2F585D
#31664D#31664D#30664E#30664E#2F664F#2F664F#2E6650
#31743F#31743F#307440#307440#2F7441#2F7441#2E7442
#31862D#30862E#30862E#2F862F#2E8630#2E8630#2D8631

Colorpallet from #312D86 to #31862D and to #86312D
#312D86#312D86#312D86#312D86#312D86#312D86#312D86
#313B78#333978#353778#383578#3A3378#3C3178#3F2E78
#31496A#35456A#3A406A#3E3C6A#42386A#47336A#4C2E6A
#31585B#38515B#3E4B5B#45445B#4B3E5B#52375B#5A2F5B
#31664D#3A5D4D#42554D#4B4C4D#54434D#5C3B4D#67304D
#31743F#3C693F#475E3F#52533F#5D483F#673E3F#75303F
#31862D#3F782D#4C6B2D#5A5D2D#67502D#75422D#86312D

Colorpallet from #312D86 to #31862D and to #862D31
#312D86#312D86#312D86#312D86#312D86#312D86#312D86
#313B78#333978#353778#383478#3A3278#3C3078#3F2D78
#31496A#35456A#3A406A#3E3C6A#42376B#47336B#4C2D6B
#31585B#38515B#3E4A5C#45435C#4B3C5C#52365D#5A2D5D
#31664D#3A5D4D#42544E#4B4B4E#54424F#5C384F#672D50
#31743F#3C693F#475D40#525240#5D4741#673B41#752D42
#31862D#3F782E#4C6A2E#5A5B2F#674D30#753F30#862D31

Colorpallet from #312D86 to #2D3186 and to #2D8631
#312D86#312D86#312D86#312D86#312D86#312D86#312D86
#302E86#303084#303282#30347F#30367D#30387B#303B78
#302E86#303282#30377D#303B79#303F75#304470#30496B
#2F2F86#2F367F#2F3C79#2F4372#2F496C#2F5065#2F585D
#2E3086#2E397D#2E4175#2E4A6C#2E5363#2E5B5B#2E6650
#2E3086#2E3B7B#2E4670#2E5165#2E5C5A#2E6650#2E7442
#2D3186#2D3F78#2D4C6B#2D5A5D#2D6750#2D7542#2D8631

Colorpallet from #312D86 to #2D3186 and to #86312D
#312D86#312D86#312D86#312D86#312D86#312D86#312D86
#302E86#322E84#352E82#372E7F#3A2E7D#3C2E7B#3F2E78
#302E86#342E82#392E7D#3D2E79#422E74#462E70#4C2E6A
#2F2F86#362F7F#3D2F78#442F71#4B2F6A#512F64#5A2F5B
#2E3086#37307D#403074#49306B#523062#5C3058#67304D
#2E3086#39307B#45306F#503064#5B3059#67304D#75303F
#2D3186#3B3178#49316A#58315B#66314D#74313F#86312D

Colorpallet from #312D86 to #2D3186 and to #862D31
#312D86#312D86#312D86#312D86#312D86#312D86#312D86
#302E86#322E84#352E82#372E7F#3A2D7D#3C2D7B#3F2D78
#302E86#342E82#392E7D#3D2E79#422D75#462D70#4C2D6B
#2F2F86#362F7F#3D2E79#442E72#4B2E6C#512D65#5A2D5D
#2E3086#37307D#402F75#492F6C#522E63#5C2E5B#672D50
#2E3086#39307B#452F70#502F65#5B2E5A#672E50#752D42
#2D3186#3B3078#49306B#582F5D#662E50#742E42#862D31

Colorpallet from #312D86 to #2D8631 and to #86312D
#312D86#312D86#312D86#312D86#312D86#312D86#312D86
#303B78#323978#353778#373578#3A3378#3C3178#3F2E78
#30496B#34456B#39406B#3D3C6B#42386A#46336A#4C2E6A
#2F585D#36515D#3D4B5C#44445C#4B3E5C#51375B#5A2F5B
#2E6650#375D50#40554F#494C4F#52434E#5C3B4E#67304D
#2E7442#396942#455E41#505341#5B4840#673E40#75303F
#2D8631#3B7830#496B30#585D2F#66502E#74422E#86312D

Colorpallet from #312D86 to #2D8631 and to #862D31
#312D86#312D86#312D86#312D86#312D86#312D86#312D86
#303B78#323978#353778#373478#3A3278#3C3078#3F2D78
#30496B#34456B#39406B#3D3C6B#42376B#46336B#4C2D6B
#2F585D#36515D#3D4A5D#44435D#4B3C5D#51365D#5A2D5D
#2E6650#375D50#405450#494B50#524250#5C3850#672D50
#2E7442#396942#455D42#505242#5B4742#673B42#752D42
#2D8631#3B7831#496A31#585B31#664D31#743F31#862D31

Colorpallet from #312D86 to #86312D and to #862D31
#312D86#312D86#312D86#312D86#312D86#312D86#312D86
#3F2E78#3F2E78#3F2E78#3F2E78#3F2D78#3F2D78#3F2D78
#4C2E6A#4C2E6A#4C2E6A#4C2E6A#4C2D6B#4C2D6B#4C2D6B
#5A2F5B#5A2F5B#5A2E5C#5A2E5C#5A2E5C#5A2D5D#5A2D5D
#67304D#67304D#672F4E#672F4E#672E4F#672E4F#672D50
#75303F#75303F#752F40#752F40#752E41#752E41#752D42
#86312D#86302E#86302E#862F2F#862E30#862E30#862D31