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 #2F5D8A to #2F8A5D and to #5D2F8A
#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A
#2F6483#306284#316085#325D86#335B87#355989#36568A
#2F6B7C#31667E#346280#365D83#395885#3B5487#3E4E8A
#2F7374#336C78#36657B#3A5E7F#3D5782#415086#45478A
#2F7A6D#347172#386776#3D5E7B#425580#464C84#4C408A
#2F8166#35756C#3B6A72#415E77#47527D#4D4783#54388A
#2F8A5D#367B64#3E6D6B#455E73#4C507A#544181#5D2F8A

Colorpallet from #2F5D8A to #2F8A5D and to #5D8A2F
#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A
#2F6483#306482#316480#32647F#33647E#35647D#36647B
#2F6B7C#316B7A#346B77#366B75#396B72#3B6B70#3E6B6D
#2F7374#337370#36736D#3A7369#3D7366#417362#45735E
#2F7A6D#347A68#387A64#3D7A5F#427A5A#467A56#4C7A50
#2F8166#358160#3B815A#418154#47814E#4D8148#548141
#2F8A5D#368A56#3E8A4E#458A47#4C8A40#548A38#5D8A2F

Colorpallet from #2F5D8A to #2F8A5D and to #8A2F5D
#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A
#2F6483#316283#346083#365D83#395B83#3B5983#3E5683
#2F6B7C#34667C#38627C#3D5D7C#42587C#46547C#4C4E7C
#2F7374#366C74#3D6574#445E74#4B5774#525074#5B4774
#2F7A6D#38716D#42676D#4B5E6D#54556D#5D4C6D#69406D
#2F8166#3B7566#466A66#525E66#5E5266#694766#783866
#2F8A5D#3E7B5D#4C6D5D#5B5E5D#69505D#78415D#8A2F5D

Colorpallet from #2F5D8A to #2F8A5D and to #8A5D2F
#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A
#2F6483#316382#346280#36617F#39607E#3B5E7D#3E5D7B
#2F6B7C#34697A#386777#3D6475#426272#466070#4C5D6D
#2F7374#366F70#3D6C6D#446869#4B6566#526162#5B5D5E
#2F7A6D#387568#427164#4B6C5F#54675A#5D6356#695D50
#2F8166#3B7B60#46755A#527054#5E6A4E#696448#785D41
#2F8A5D#3E8356#4C7C4E#5B7447#696D40#786638#8A5D2F

Colorpallet from #2F5D8A to #5D2F8A and to #5D8A2F
#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A
#36568A#365888#365A85#365D83#365F80#36617E#36647B
#3E4E8A#3E5385#3E5781#3E5C7C#3E6177#3E6573#3E6B6D
#45478A#454E83#45557C#455C75#45636E#456A67#45735E
#4C408A#4C4981#4C5377#4C5C6E#4C6565#4C6E5C#4C7A50
#54388A#54447E#544F73#545B67#54675B#547250#548141
#5D2F8A#5D3E7B#5D4C6D#5D5B5E#5D6950#5D7841#5D8A2F

Colorpallet from #2F5D8A to #5D2F8A and to #8A2F5D
#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A
#36568A#375689#395688#3A5687#3B5686#3C5684#3E5683
#3E4E8A#404E88#424E86#454E83#474E81#494E7F#4C4E7C
#45478A#494786#4C4783#50477F#53477C#574778#5B4774
#4C408A#514085#554081#5A407C#5F4077#634073#69406D
#54388A#5A3884#60387E#653879#6B3873#71386D#783866
#5D2F8A#642F83#6B2F7C#732F74#7A2F6D#812F66#8A2F5D

Colorpallet from #2F5D8A to #5D2F8A and to #8A5D2F
#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A
#36568A#375788#395885#3A5983#3B5A80#3C5C7E#3E5D7B
#3E4E8A#405085#425381#45557C#475877#495A73#4C5D6D
#45478A#494B83#4C4E7C#505275#53556E#575967#5B5D5E
#4C408A#514581#554977#5A4E6E#5F5365#63575C#695D50
#54388A#5A3E7E#604473#654A67#6B505B#715650#785D41
#5D2F8A#64367B#6B3E6D#73455E#7A4C50#815441#8A5D2F

Colorpallet from #2F5D8A to #5D8A2F and to #8A2F5D
#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A
#36647B#37627C#39607E#3A5D7F#3B5B80#3C5981#3E5683
#3E6B6D#40666F#426272#455D74#475877#495479#4C4E7C
#45735E#496C62#4C6565#505E69#53576C#575070#5B4774
#4C7A50#517155#556759#5A5E5E#5F5563#634C67#69406D
#548141#5A7547#606A4D#655E53#6B5259#71475F#783866
#5D8A2F#647B36#6B6D3E#735E45#7A504C#814154#8A2F5D

Colorpallet from #2F5D8A to #5D8A2F and to #8A5D2F
#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A
#36647B#37637B#39627B#3A617B#3B607B#3C5E7B#3E5D7B
#3E6B6D#40696D#42676D#45646D#47626D#49606D#4C5D6D
#45735E#496F5E#4C6C5E#50685E#53655E#57615E#5B5D5E
#4C7A50#517550#557150#5A6C50#5F6750#636350#695D50
#548141#5A7B41#607541#657041#6B6A41#716441#785D41
#5D8A2F#64832F#6B7C2F#73742F#7A6D2F#81662F#8A5D2F

Colorpallet from #2F5D8A to #8A2F5D and to #8A5D2F
#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A#2F5D8A
#3E5683#3E5782#3E5880#3E597F#3E5A7E#3E5C7D#3E5D7B
#4C4E7C#4C507A#4C5377#4C5575#4C5872#4C5A70#4C5D6D
#5B4774#5B4B70#5B4E6D#5B5269#5B5566#5B5962#5B5D5E
#69406D#694568#694964#694E5F#69535A#695756#695D50
#783866#783E60#78445A#784A54#78504E#785648#785D41
#8A2F5D#8A3656#8A3E4E#8A4547#8A4C40#8A5438#8A5D2F