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 #315DA8 to #31A85D and to #5D31A8
#315DA8#315DA8#315DA8#315DA8#315DA8#315DA8#315DA8
#31699C#32669E#3363A0#3460A2#355DA4#375AA6#3856A8
#317590#336F94#356998#38639C#3A5D9F#3C57A3#3F4FA8
#318184#34788A#386F90#3B6695#3E5D9B#4253A1#4648A8
#318D78#358180#3A7587#3E698F#435C97#47509E#4D41A8
#31996C#378A76#3C7B7F#426B89#475C92#4D4D9C#543AA8
#31A85D#389569#3F8275#466F81#4D5C8D#544999#5D31A8

Colorpallet from #315DA8 to #31A85D and to #5DA831
#315DA8#315DA8#315DA8#315DA8#315DA8#315DA8#315DA8
#31699C#32699B#33699A#346999#356998#376996#386995
#317590#33758E#35758C#387589#3A7587#3C7585#3F7582
#318184#348181#38817D#3B817A#3E8177#428173#46816F
#318D78#358D74#3A8D6F#3E8D6B#438D66#478D62#4D8D5C
#31996C#379966#3C9961#42995B#479956#4D9950#549949
#31A85D#38A856#3FA84F#46A848#4DA841#54A83A#5DA831

Colorpallet from #315DA8 to #31A85D and to #A8315D
#315DA8#315DA8#315DA8#315DA8#315DA8#315DA8#315DA8
#31699C#34669C#37639C#3A609C#3D5D9C#405A9C#44569C
#317590#376F90#3D6990#436390#495D90#4F5790#574F90
#318184#3A7884#436F84#4C6684#555D84#5F5384#6A4884
#318D78#3D8178#497578#556978#625C78#6E5078#7D4178
#31996C#408A6C#4F7B6C#5F6B6C#6E5C6C#7D4D6C#903A6C
#31A85D#44955D#57825D#6A6F5D#7D5C5D#90495D#A8315D

Colorpallet from #315DA8 to #31A85D and to #A85D31
#315DA8#315DA8#315DA8#315DA8#315DA8#315DA8#315DA8
#31699C#34679B#37659A#3A6399#3D6198#405F96#445D95
#317590#37718E#3D6D8C#436989#496687#4F6285#575D82
#318184#3A7B81#43757D#4C707A#556A77#5F6473#6A5D6F
#318D78#3D8574#497E6F#55766B#626E66#6E6762#7D5D5C
#31996C#408F66#4F8661#5F7C5B#6E7356#7D6950#905D49
#31A85D#449C56#57904F#6A8448#7D7841#906C3A#A85D31

Colorpallet from #315DA8 to #5D31A8 and to #5DA831
#315DA8#315DA8#315DA8#315DA8#315DA8#315DA8#315DA8
#3856A8#3859A5#385CA2#385F9F#38629C#386599#386995
#3F4FA8#3F55A2#3F5B9C#3F6196#3F6790#3F6D8A#3F7582
#4648A8#46519F#465A96#46638D#466C84#46767A#46816F
#4D41A8#4D4D9C#4D5990#4D6584#4D7277#4D7E6B#4D8D5C
#543AA8#544999#54588A#54687A#54776B#54865C#549949
#5D31A8#5D4495#5D5782#5D6A6F#5D7D5C#5D9049#5DA831

Colorpallet from #315DA8 to #5D31A8 and to #A8315D
#315DA8#315DA8#315DA8#315DA8#315DA8#315DA8#315DA8
#3856A8#3A56A6#3C56A4#3E56A2#4056A0#42569E#44569C
#3F4FA8#434FA4#474FA0#4B4F9C#4E4F99#524F95#574F90
#4648A8#4C48A2#52489C#574897#5D4891#63488B#6A4884
#4D41A8#5541A0#5C4199#644191#6C4189#734182#7D4178
#543AA8#5E3A9E#673A95#713A8B#7A3A82#843A78#903A6C
#5D31A8#69319C#753190#813184#8D3178#99316C#A8315D

Colorpallet from #315DA8 to #5D31A8 and to #A85D31
#315DA8#315DA8#315DA8#315DA8#315DA8#315DA8#315DA8
#3856A8#3A57A5#3C58A2#3E599F#405A9C#425C99#445D95
#3F4FA8#4351A2#47539C#4B5696#4E5890#525A8A#575D82
#4648A8#4C4B9F#524F96#57528D#5D5584#63597A#6A5D6F
#4D41A8#55459C#5C4A90#644E84#6C5377#73576B#7D5D5C
#543AA8#5E4099#67458A#714B7A#7A506B#84565C#905D49
#5D31A8#693895#753F82#81466F#8D4D5C#995449#A85D31

Colorpallet from #315DA8 to #5DA831 and to #A8315D
#315DA8#315DA8#315DA8#315DA8#315DA8#315DA8#315DA8
#386995#3A6696#3C6397#3E6098#405D99#425A9B#44569C
#3F7582#436F84#476986#4B6389#4E5D8B#52578D#574F90
#46816F#4C7872#526F76#576679#5D5D7C#635380#6A4884
#4D8D5C#558160#5C7565#646969#6C5C6E#735072#7D4178
#549949#5E8A4F#677B54#716B5A#7A5C5F#844D65#903A6C
#5DA831#699538#75823F#816F46#8D5C4D#994954#A8315D

Colorpallet from #315DA8 to #5DA831 and to #A85D31
#315DA8#315DA8#315DA8#315DA8#315DA8#315DA8#315DA8
#386995#3A6795#3C6595#3E6395#406195#425F95#445D95
#3F7582#437182#476D82#4B6982#4E6682#526282#575D82
#46816F#4C7B6F#52756F#57706F#5D6A6F#63646F#6A5D6F
#4D8D5C#55855C#5C7E5C#64765C#6C6E5C#73675C#7D5D5C
#549949#5E8F49#678649#717C49#7A7349#846949#905D49
#5DA831#699C31#759031#818431#8D7831#996C31#A85D31

Colorpallet from #315DA8 to #A8315D and to #A85D31
#315DA8#315DA8#315DA8#315DA8#315DA8#315DA8#315DA8
#44569C#44579B#44589A#445999#445A98#445C96#445D95
#574F90#57518E#57538C#575689#575887#575A85#575D82
#6A4884#6A4B81#6A4F7D#6A527A#6A5577#6A5973#6A5D6F
#7D4178#7D4574#7D4A6F#7D4E6B#7D5366#7D5762#7D5D5C
#903A6C#904066#904561#904B5B#905056#905650#905D49
#A8315D#A83856#A83F4F#A84648#A84D41#A8543A#A85D31