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 #312CA1 to #31A12C and to #2C31A1
#312CA1#312CA1#312CA1#312CA1#312CA1#312CA1#312CA1
#313F8E#313C91#313994#313697#30339A#30319D#302DA1
#31517C#314B82#304688#30408E#303B94#2F359A#2F2EA1
#316469#315B72#30537B#304A84#30418D#2F3996#2F2EA1
#317756#316B62#30606E#30547A#2F4986#2F3D92#2E2FA1
#318A43#307C52#306D61#2F5F70#2E507F#2E428E#2D30A1
#31A12C#308F3F#2F7D51#2F6B64#2E5977#2D478A#2C31A1

Colorpallet from #312CA1 to #31A12C and to #2CA131
#312CA1#312CA1#312CA1#312CA1#312CA1#312CA1#312CA1
#313F8E#313F8E#313F8E#313F8E#303F8F#303F8F#303F8F
#31517C#31517C#30517C#30517C#30517D#2F517D#2F517D
#316469#316469#30646A#30646A#30646A#2F646B#2F646B
#317756#317756#307757#307757#2F7758#2F7758#2E7759
#318A43#308A44#308A44#2F8A45#2E8A46#2E8A46#2D8A47
#31A12C#30A12D#2FA12E#2FA12E#2EA12F#2DA130#2CA131

Colorpallet from #312CA1 to #31A12C and to #A1312C
#312CA1#312CA1#312CA1#312CA1#312CA1#312CA1#312CA1
#313F8E#343C8E#37398E#3A368E#3D338E#3F318E#432D8E
#31517C#374B7C#3D467C#42407C#483B7C#4E357C#552E7C
#316469#3A5B69#425369#4B4A69#544169#5C3969#672E69
#317756#3D6B56#486056#545456#5F4956#6B3D56#792F56
#318A43#3F7C43#4E6D43#5C5F43#6B5043#794243#8B3043
#31A12C#438F2C#557D2C#676B2C#79592C#8B472C#A1312C

Colorpallet from #312CA1 to #31A12C and to #A12C31
#312CA1#312CA1#312CA1#312CA1#312CA1#312CA1#312CA1
#313F8E#343C8E#37398E#3A368E#3D338F#3F308F#432C8F
#31517C#374B7C#3D457C#423F7C#48397D#4E337D#552C7D
#316469#3A5B69#42526A#4B496A#54406A#5C376B#672C6B
#317756#3D6B56#485F57#545357#5F4758#6B3B58#792C59
#318A43#3F7B44#4E6C44#5C5D45#6B4E46#793F46#8B2C47
#31A12C#438E2D#557C2E#67692E#79562F#8B4330#A12C31

Colorpallet from #312CA1 to #2C31A1 and to #2CA131
#312CA1#312CA1#312CA1#312CA1#312CA1#312CA1#312CA1
#302DA1#30309E#30339B#303698#303995#303B93#303F8F
#2F2EA1#2F349B#2F3995#2F3F90#2F448A#2F4A84#2F517D
#2F2EA1#2F3798#2F3F90#2F4887#2F517E#2F5976#2F646B
#2E2FA1#2E3B95#2E468A#2E527E#2E5D73#2E6967#2E7759
#2D30A1#2D3E93#2D4D84#2D5B76#2D6A67#2D7859#2D8A47
#2C31A1#2C438F#2C557D#2C676B#2C7959#2C8B47#2CA131

Colorpallet from #312CA1 to #2C31A1 and to #A1312C
#312CA1#312CA1#312CA1#312CA1#312CA1#312CA1#312CA1
#302DA1#332D9E#362D9B#392D98#3C2D95#3F2D92#432D8E
#2F2EA1#352E9B#3B2E95#412E8F#472E89#4D2E83#552E7C
#2F2EA1#382E98#412E8F#4A2E86#532E7D#5C2E74#672E69
#2E2FA1#3A2F95#462F89#522F7D#5E2F71#6A2F65#792F56
#2D30A1#3C3092#4B3083#5A3074#693065#783056#8B3043
#2C31A1#3F318E#51317C#643169#773156#8A3143#A1312C

Colorpallet from #312CA1 to #2C31A1 and to #A12C31
#312CA1#312CA1#312CA1#312CA1#312CA1#312CA1#312CA1
#302DA1#332D9E#362D9B#392D98#3C2C95#3F2C93#432C8F
#2F2EA1#352E9B#3B2D95#412D90#472D8A#4D2C84#552C7D
#2F2EA1#382E98#412D90#4A2D87#532D7E#5C2C76#672C6B
#2E2FA1#3A2F95#462E8A#522E7E#5E2D73#6A2D67#792C59
#2D30A1#3C2F93#4B2F84#5A2E76#692D67#782D59#8B2C47
#2C31A1#3F308F#512F7D#642F6B#772E59#8A2D47#A12C31

Colorpallet from #312CA1 to #2CA131 and to #A1312C
#312CA1#312CA1#312CA1#312CA1#312CA1#312CA1#312CA1
#303F8F#333C8F#36398F#39368F#3C338E#3F318E#432D8E
#2F517D#354B7D#3B467D#41407D#473B7C#4D357C#552E7C
#2F646B#385B6B#41536A#4A4A6A#53416A#5C3969#672E69
#2E7759#3A6B59#466058#525458#5E4957#6A3D57#792F56
#2D8A47#3C7C46#4B6D46#5A5F45#695044#784244#8B3043
#2CA131#3F8F30#517D2F#646B2F#77592E#8A472D#A1312C

Colorpallet from #312CA1 to #2CA131 and to #A12C31
#312CA1#312CA1#312CA1#312CA1#312CA1#312CA1#312CA1
#303F8F#333C8F#36398F#39368F#3C338F#3F308F#432C8F
#2F517D#354B7D#3B457D#413F7D#47397D#4D337D#552C7D
#2F646B#385B6B#41526B#4A496B#53406B#5C376B#672C6B
#2E7759#3A6B59#465F59#525359#5E4759#6A3B59#792C59
#2D8A47#3C7B47#4B6C47#5A5D47#694E47#783F47#8B2C47
#2CA131#3F8E31#517C31#646931#775631#8A4331#A12C31

Colorpallet from #312CA1 to #A1312C and to #A12C31
#312CA1#312CA1#312CA1#312CA1#312CA1#312CA1#312CA1
#432D8E#432D8E#432D8E#432D8E#432C8F#432C8F#432C8F
#552E7C#552E7C#552D7C#552D7C#552D7D#552C7D#552C7D
#672E69#672E69#672D6A#672D6A#672D6A#672C6B#672C6B
#792F56#792F56#792E57#792E57#792D58#792D58#792C59
#8B3043#8B2F44#8B2F44#8B2E45#8B2D46#8B2D46#8B2C47
#A1312C#A1302D#A12F2E#A12F2E#A12E2F#A12D30#A12C31