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 #312F8B to #318B2F and to #2F318B
#312F8B#312F8B#312F8B#312F8B#312F8B#312F8B#312F8B
#313E7C#313C7E#313981#313783#313486#313288#312F8B
#314C6E#314873#314377#313F7C#303A81#303685#30308B
#315B5F#315466#314D6D#314674#303F7B#303982#30308B
#316A50#316159#315763#314E6C#304576#303C7F#30308B
#317941#316D4D#306259#305665#304B70#2F3F7C#2F318B
#318B2F#317D3E#306E4C#30605B#30516A#2F4379#2F318B

Colorpallet from #312F8B to #318B2F and to #2F8B31
#312F8B#312F8B#312F8B#312F8B#312F8B#312F8B#312F8B
#313E7C#313E7C#313E7C#313E7C#313E7D#313E7D#313E7D
#314C6E#314C6E#314C6E#314C6E#304C6E#304C6E#304C6E
#315B5F#315B5F#315B5F#315B5F#305B60#305B60#305B60
#316A50#316A50#316A50#316A50#306A51#306A51#306A51
#317941#317941#307942#307942#307942#2F7943#2F7943
#318B2F#318B2F#308B30#308B30#308B30#2F8B31#2F8B31

Colorpallet from #312F8B to #318B2F and to #8B312F
#312F8B#312F8B#312F8B#312F8B#312F8B#312F8B#312F8B
#313E7C#333C7C#35397C#38377C#3A347C#3C327C#3F2F7C
#314C6E#36486E#3A436E#3F3F6E#443A6E#48366E#4E306E
#315B5F#38545F#3F4D5F#46465F#4D3F5F#53395F#5C305F
#316A50#3A6150#445750#4D4E50#564550#5F3C50#6B3050
#317941#3D6D41#486241#545641#5F4B41#6B3F41#793141
#318B2F#3F7D2F#4E6E2F#5C602F#6B512F#79432F#8B312F

Colorpallet from #312F8B to #318B2F and to #8B2F31
#312F8B#312F8B#312F8B#312F8B#312F8B#312F8B#312F8B
#313E7C#333C7C#35397C#38377C#3A347D#3C327D#3F2F7D
#314C6E#36476E#3A436E#3F3E6E#44396E#48356E#4E2F6E
#315B5F#38545F#3F4D5F#46465F#4D3F60#533860#5C2F60
#316A50#3A6150#445750#4D4E50#564451#5F3B51#6B2F51
#317941#3D6D41#486142#545542#5F4A42#6B3E43#792F43
#318B2F#3F7C2F#4E6E30#5C5F30#6B5030#794131#8B2F31

Colorpallet from #312F8B to #2F318B and to #2F8B31
#312F8B#312F8B#312F8B#312F8B#312F8B#312F8B#312F8B
#312F8B#313189#313487#313684#313982#313B80#313E7D
#30308B#303486#303982#303D7D#304278#304674#304C6E
#30308B#303784#303E7D#304576#304C6F#305269#305B60
#30308B#303982#304378#304C6F#305566#305E5D#306A51
#2F318B#2F3D7F#2F4874#2F5468#2F5F5D#2F6B51#2F7943
#2F318B#2F3F7D#2F4E6E#2F5C60#2F6B51#2F7943#2F8B31

Colorpallet from #312F8B to #2F318B and to #8B312F
#312F8B#312F8B#312F8B#312F8B#312F8B#312F8B#312F8B
#312F8B#332F89#352F86#382F84#3A2F81#3C2F7F#3F2F7C
#30308B#353086#3A3082#3E307D#433078#483074#4E306E
#30308B#373084#3E307D#453076#4C306F#533068#5C305F
#30308B#393082#433078#4C306F#563065#5F305C#6B3050
#2F318B#3B317F#473173#533167#5E315C#6A3150#793141
#2F318B#3E317C#4C316E#5B315F#6A3150#793141#8B312F

Colorpallet from #312F8B to #2F318B and to #8B2F31
#312F8B#312F8B#312F8B#312F8B#312F8B#312F8B#312F8B
#312F8B#332F89#352F87#382F84#3A2F82#3C2F80#3F2F7D
#30308B#353086#3A3082#3E307D#432F78#482F74#4E2F6E
#30308B#373084#3E307D#453076#4C2F6F#532F69#5C2F60
#30308B#393082#433078#4C306F#562F66#5F2F5D#6B2F51
#2F318B#3B317F#473074#533068#5E305D#6A2F51#792F43
#2F318B#3E317D#4C306E#5B3060#6A3051#792F43#8B2F31

Colorpallet from #312F8B to #2F8B31 and to #8B312F
#312F8B#312F8B#312F8B#312F8B#312F8B#312F8B#312F8B
#313E7D#333C7D#35397D#38377D#3A347C#3C327C#3F2F7C
#304C6E#35486E#3A436E#3E3F6E#433A6E#48366E#4E306E
#305B60#375460#3E4D60#454660#4C3F5F#53395F#5C305F
#306A51#396151#435751#4C4E51#564550#5F3C50#6B3050
#2F7943#3B6D43#476242#535642#5E4B42#6A3F41#793141
#2F8B31#3E7D31#4C6E30#5B6030#6A5130#79432F#8B312F

Colorpallet from #312F8B to #2F8B31 and to #8B2F31
#312F8B#312F8B#312F8B#312F8B#312F8B#312F8B#312F8B
#313E7D#333C7D#35397D#38377D#3A347D#3C327D#3F2F7D
#304C6E#35476E#3A436E#3E3E6E#43396E#48356E#4E2F6E
#305B60#375460#3E4D60#454660#4C3F60#533860#5C2F60
#306A51#396151#435751#4C4E51#564451#5F3B51#6B2F51
#2F7943#3B6D43#476143#535543#5E4A43#6A3E43#792F43
#2F8B31#3E7C31#4C6E31#5B5F31#6A5031#794131#8B2F31

Colorpallet from #312F8B to #8B312F and to #8B2F31
#312F8B#312F8B#312F8B#312F8B#312F8B#312F8B#312F8B
#3F2F7C#3F2F7C#3F2F7C#3F2F7C#3F2F7D#3F2F7D#3F2F7D
#4E306E#4E306E#4E306E#4E306E#4E2F6E#4E2F6E#4E2F6E
#5C305F#5C305F#5C305F#5C305F#5C2F60#5C2F60#5C2F60
#6B3050#6B3050#6B3050#6B3050#6B2F51#6B2F51#6B2F51
#793141#793141#793042#793042#793042#792F43#792F43
#8B312F#8B312F#8B3030#8B3030#8B3030#8B2F31#8B2F31