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 #312D50 to #31502D and to #2D3150
#312D50#312D50#312D50#312D50#312D50#312D50#312D50
#31334A#31324B#31314C#31314D#30304E#302F4F#302E50
#313845#313647#313549#31334A#30324C#30304E#302E50
#313E3F#313C42#303944#303747#30344A#2F324D#2F2F50
#31433A#31403E#303D41#303A45#2F3748#2F344C#2E3050
#314934#314538#30413D#303D41#2F3946#2F354A#2E3050
#31502D#304B33#304638#2F413E#2E3C43#2E3749#2D3150

Colorpallet from #312D50 to #31502D and to #2D5031
#312D50#312D50#312D50#312D50#312D50#312D50#312D50
#31334A#31334A#31334A#31334A#30334B#30334B#30334B
#313845#313845#313845#313845#303846#303846#303846
#313E3F#313E3F#303E40#303E40#303E40#2F3E41#2F3E41
#31433A#31433A#30433B#30433B#2F433B#2F433C#2E433C
#314934#314934#304935#304935#2F4936#2F4936#2E4937
#31502D#30502E#30502E#2F502F#2E5030#2E5030#2D5031

Colorpallet from #312D50 to #31502D and to #50312D
#312D50#312D50#312D50#312D50#312D50#312D50#312D50
#31334A#32324A#33314A#33314A#34304A#352F4A#362E4A
#313845#333645#343545#363345#373245#393045#3B2E45
#313E3F#333C3F#36393F#38373F#3B343F#3D323F#402F3F
#31433A#34403A#373D3A#3B3A3A#3E373A#41343A#45303A
#314934#354534#394134#3D3D34#413934#453534#4A3034
#31502D#364B2D#3B462D#40412D#453C2D#4A372D#50312D

Colorpallet from #312D50 to #31502D and to #502D31
#312D50#312D50#312D50#312D50#312D50#312D50#312D50
#31334A#32324A#33314A#33304A#342F4B#352E4B#362D4B
#313845#333645#343445#363345#373146#392F46#3B2D46
#313E3F#333B3F#363940#383640#3B3340#3D3041#402D41
#31433A#343F3A#373C3B#3B383B#3E353B#41313C#452D3C
#314934#354534#394035#3D3C35#413736#453336#4A2D37
#31502D#364A2E#3B452E#403F2F#453A30#4A3430#502D31

Colorpallet from #312D50 to #2D3150 and to #2D5031
#312D50#312D50#312D50#312D50#312D50#312D50#312D50
#302E50#302F4F#30304E#30304E#30314D#30324C#30334B
#302E50#30304E#30314D#30334B#30344A#303648#303846
#2F2F50#2F314E#2F344B#2F3649#2F3946#2F3B44#2F3E41
#2E3050#2E334D#2E364A#2E3946#2E3C43#2E3F40#2E433C
#2E3050#2E344C#2E3848#2E3C44#2E4040#2E443C#2E4937
#2D3150#2D364B#2D3B46#2D4041#2D453C#2D4A37#2D5031

Colorpallet from #312D50 to #2D3150 and to #50312D
#312D50#312D50#312D50#312D50#312D50#312D50#312D50
#302E50#312E4F#322E4E#332E4D#342E4C#352E4B#362E4A
#302E50#322E4E#342E4C#352E4B#372E49#392E47#3B2E45
#2F2F50#322F4D#342F4B#372F48#3A2F45#3D2F42#402F3F
#2E3050#32304C#353049#393045#3D3042#40303E#45303A
#2E3050#32304C#373047#3B3043#40303E#44303A#4A3034
#2D3150#33314A#383145#3E313F#43313A#493134#50312D

Colorpallet from #312D50 to #2D3150 and to #502D31
#312D50#312D50#312D50#312D50#312D50#312D50#312D50
#302E50#312E4F#322E4E#332E4E#342D4D#352D4C#362D4B
#302E50#322E4E#342E4D#352E4B#372D4A#392D48#3B2D46
#2F2F50#322F4E#342E4B#372E49#3A2E46#3D2D44#402D41
#2E3050#32304D#352F4A#392F46#3D2E43#402E40#452D3C
#2E3050#32304C#372F48#3B2F44#402E40#442E3C#4A2D37
#2D3150#33304B#383046#3E2F41#432E3C#492E37#502D31

Colorpallet from #312D50 to #2D5031 and to #50312D
#312D50#312D50#312D50#312D50#312D50#312D50#312D50
#30334B#31324B#32314B#33314B#34304A#352F4A#362E4A
#303846#323646#343546#353346#373245#393045#3B2E45
#2F3E41#323C41#343940#373740#3A3440#3D323F#402F3F
#2E433C#32403C#353D3B#393A3B#3D373B#40343A#45303A
#2E4937#324537#374136#3B3D36#403935#443535#4A3034
#2D5031#334B30#384630#3E412F#433C2E#49372E#50312D

Colorpallet from #312D50 to #2D5031 and to #502D31
#312D50#312D50#312D50#312D50#312D50#312D50#312D50
#30334B#31324B#32314B#33304B#342F4B#352E4B#362D4B
#303846#323646#343446#353346#373146#392F46#3B2D46
#2F3E41#323B41#343941#373641#3A3341#3D3041#402D41
#2E433C#323F3C#353C3C#39383C#3D353C#40313C#452D3C
#2E4937#324537#374037#3B3C37#403737#443337#4A2D37
#2D5031#334A31#384531#3E3F31#433A31#493431#502D31

Colorpallet from #312D50 to #50312D and to #502D31
#312D50#312D50#312D50#312D50#312D50#312D50#312D50
#362E4A#362E4A#362E4A#362E4A#362D4B#362D4B#362D4B
#3B2E45#3B2E45#3B2E45#3B2E45#3B2D46#3B2D46#3B2D46
#402F3F#402F3F#402E40#402E40#402E40#402D41#402D41
#45303A#45303A#452F3B#452F3B#452E3B#452E3C#452D3C
#4A3034#4A3034#4A2F35#4A2F35#4A2E36#4A2E36#4A2D37
#50312D#50302E#50302E#502F2F#502E30#502E30#502D31