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 #313A8B to #318B3A and to #3A318B
#313A8B#313A8B#313A8B#313A8B#313A8B#313A8B#313A8B
#31477E#314580#314382#314084#323E86#323C88#32398B
#315471#314F75#324B79#32467D#334182#333D86#34378B
#316164#325A6A#325370#334C77#34457D#343F83#35368B
#316E57#32655F#335B68#345270#354978#364081#37348B
#317B4A#326F54#33645F#345869#354D74#37417E#38338B
#318B3A#327D47#346E54#356061#37516E#38437B#3A318B

Colorpallet from #313A8B to #318B3A and to #3A8B31
#313A8B#313A8B#313A8B#313A8B#313A8B#313A8B#313A8B
#31477E#31477E#31477E#31477E#32477D#32477D#32477D
#315471#315471#325470#325470#33546F#33546F#34546E
#316164#326163#326163#336162#346161#346161#356160
#316E57#326E56#336E55#346E54#356E53#366E52#376E51
#317B4A#327B49#337B48#347B47#357B46#377B44#387B43
#318B3A#328B39#348B37#358B36#378B34#388B33#3A8B31

Colorpallet from #313A8B to #318B3A and to #8B313A
#313A8B#313A8B#313A8B#313A8B#313A8B#313A8B#313A8B
#31477E#33457E#35437E#38407E#3A3E7E#3C3C7E#3F397E
#315471#364F71#3A4B71#3F4671#444171#483D71#4E3771
#316164#385A64#3F5364#464C64#4D4564#533F64#5C3664
#316E57#3A6557#445B57#4D5257#564957#5F4057#6B3457
#317B4A#3D6F4A#48644A#54584A#5F4D4A#6B414A#79334A
#318B3A#3F7D3A#4E6E3A#5C603A#6B513A#79433A#8B313A

Colorpallet from #313A8B to #318B3A and to #8B3A31
#313A8B#313A8B#313A8B#313A8B#313A8B#313A8B#313A8B
#31477E#33457E#35437E#38417E#3A3F7D#3C3D7D#3F3A7D
#315471#365071#3A4C70#3F4870#44436F#483F6F#4E3A6E
#316164#385B63#3F5563#464E62#4D4861#534261#5C3A60
#316E57#3A6656#445D55#4D5554#564D53#5F4452#6B3A51
#317B4A#3D7149#486648#545C47#5F5146#6B4744#793A43
#318B3A#3F7E39#4E7137#5C6436#6B5734#794A33#8B3A31

Colorpallet from #313A8B to #3A318B and to #3A8B31
#313A8B#313A8B#313A8B#313A8B#313A8B#313A8B#313A8B
#32398B#323B89#323D87#324084#324282#324480#32477D
#34378B#343C86#344082#34457D#344A78#344E74#34546E
#35368B#353D84#35447D#354B76#35526F#355869#356160
#37348B#373D82#374778#37506F#375966#37625D#376E51
#38338B#383F7F#384A74#385668#38615D#386D51#387B43
#3A318B#3A3F7D#3A4E6E#3A5C60#3A6B51#3A7943#3A8B31

Colorpallet from #313A8B to #3A318B and to #8B313A
#313A8B#313A8B#313A8B#313A8B#313A8B#313A8B#313A8B
#32398B#343989#363987#383985#3A3983#3C3981#3F397E
#34378B#383787#3C3783#40377F#45377A#493776#4E3771
#35368B#3B3685#41367F#483678#4E3672#54366C#5C3664
#37348B#3F3483#48347A#503472#58346A#613461#6B3457
#38338B#423381#4D3376#57336C#623361#6C3357#79334A
#3A318B#47317E#543171#613164#6E3157#7B314A#8B313A

Colorpallet from #313A8B to #3A318B and to #8B3A31
#313A8B#313A8B#313A8B#313A8B#313A8B#313A8B#313A8B
#32398B#343989#363987#383984#3A3A82#3C3A80#3F3A7D
#34378B#383786#3C3882#40387D#453978#493974#4E3A6E
#35368B#3B3784#41377D#483876#4E396F#543969#5C3A60
#37348B#3F3582#483678#50376F#583866#61395D#6B3A51
#38338B#42347F#4D3574#573668#62375D#6C3951#793A43
#3A318B#47327D#54346E#613560#6E3751#7B3843#8B3A31

Colorpallet from #313A8B to #3A8B31 and to #8B313A
#313A8B#313A8B#313A8B#313A8B#313A8B#313A8B#313A8B
#32477D#34457D#36437D#38407D#3A3E7E#3C3C7E#3F397E
#34546E#384F6E#3C4B6F#40466F#454170#493D70#4E3771
#356160#3B5A61#415361#484C62#4E4563#543F63#5C3664
#376E51#3F6552#485B53#505254#584955#614056#6B3457
#387B43#426F44#4D6445#575846#624D47#6C4149#79334A
#3A8B31#477D32#546E34#616035#6E5137#7B4338#8B313A

Colorpallet from #313A8B to #3A8B31 and to #8B3A31
#313A8B#313A8B#313A8B#313A8B#313A8B#313A8B#313A8B
#32477D#34457D#36437D#38417D#3A3F7D#3C3D7D#3F3A7D
#34546E#38506E#3C4C6E#40486E#45436E#493F6E#4E3A6E
#356160#3B5B60#415560#484E60#4E4860#544260#5C3A60
#376E51#3F6651#485D51#505551#584D51#614451#6B3A51
#387B43#427143#4D6643#575C43#625143#6C4743#793A43
#3A8B31#477E31#547131#616431#6E5731#7B4A31#8B3A31

Colorpallet from #313A8B to #8B313A and to #8B3A31
#313A8B#313A8B#313A8B#313A8B#313A8B#313A8B#313A8B
#3F397E#3F397E#3F397E#3F397E#3F3A7D#3F3A7D#3F3A7D
#4E3771#4E3771#4E3870#4E3870#4E396F#4E396F#4E3A6E
#5C3664#5C3763#5C3763#5C3862#5C3961#5C3961#5C3A60
#6B3457#6B3556#6B3655#6B3754#6B3853#6B3952#6B3A51
#79334A#793449#793548#793647#793746#793944#793A43
#8B313A#8B3239#8B3437#8B3536#8B3734#8B3833#8B3A31