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 #318C87 to #31878C and to #8C3187
#318C87#318C87#318C87#318C87#318C87#318C87#318C87
#318B88#338988#368788#388488#3B8287#3D8087#407D87
#318A89#368689#3A8188#3F7D88#447988#487487#4E6F87
#318A89#388389#3F7D88#467688#4D6F88#546887#5D6087
#31898A#3A808A#447789#4D6F89#566688#5F5D88#6B5287
#31888B#3D7D8A#48728A#546789#605C88#6B5188#7A4387
#31878C#40798B#4E6B8A#5D5E8A#6B5089#7A4288#8C3187

Colorpallet from #318C87 to #31878C and to #8C8731
#318C87#318C87#318C87#318C87#318C87#318C87#318C87
#318B88#338B86#368B83#388B81#3B8B7E#3D8B7C#408B79
#318A89#368A84#3A8A7F#3F8A7B#448A76#488A71#4E8A6B
#318A89#388A82#3F8A7B#468A74#4D8A6D#548A67#5D8A5E
#31898A#3A8981#448977#4D896E#568965#5F895C#6B8950
#31888B#3D887F#488874#548868#60885C#6B8851#7A8842
#31878C#40877D#4E876F#5D8760#6B8752#7A8743#8C8731

Colorpallet from #318C87 to #31878C and to #87318C
#318C87#318C87#318C87#318C87#318C87#318C87#318C87
#318B88#338988#358788#388488#3A8288#3C8088#3F7D88
#318A89#358689#3A8189#3E7D89#437989#477489#4D6F89
#318A89#388389#3E7D89#457689#4B6F89#526889#5A6089
#31898A#3A808A#43778A#4B6F8A#54668A#5D5D8A#68528A
#31888B#3C7D8B#47728B#52678B#5D5C8B#68518B#76438B
#31878C#3F798C#4D6B8C#5A5E8C#68508C#76428C#87318C

Colorpallet from #318C87 to #31878C and to #878C31
#318C87#318C87#318C87#318C87#318C87#318C87#318C87
#318B88#338B86#358B83#388B81#3A8C7E#3C8C7C#3F8C79
#318A89#358A84#3A8B7F#3E8B7B#438B76#478C71#4D8C6B
#318A89#388A82#3E8B7B#458B74#4B8B6D#528C67#5A8C5E
#31898A#3A8981#438A77#4B8A6E#548B65#5D8B5C#688C50
#31888B#3C897F#478974#528A68#5D8B5C#688B51#768C42
#31878C#3F887D#4D896F#5A8960#688A52#768B43#878C31

Colorpallet from #318C87 to #8C3187 and to #8C8731
#318C87#318C87#318C87#318C87#318C87#318C87#318C87
#407D87#407F85#408183#408480#40867E#40887C#408B79
#4E6F87#4E7383#4E787E#4E7C7A#4E8075#4E8571#4E8A6B
#5D6087#5D6780#5D6D7A#5D7473#5D7B6D#5D8266#5D8A5E
#6B5287#6B5B7E#6B6475#6B6C6D#6B7564#6B7E5B#6B8950
#7A4387#7A4E7C#7A5971#7A6466#7A6F5B#7A7A50#7A8842
#8C3187#8C3F79#8C4D6B#8C5A5E#8C6850#8C7642#8C8731

Colorpallet from #318C87 to #8C3187 and to #87318C
#318C87#318C87#318C87#318C87#318C87#318C87#318C87
#407D87#407D87#407D87#407D87#3F7D88#3F7D88#3F7D88
#4E6F87#4E6F87#4E6F88#4E6F88#4D6F88#4D6F89#4D6F89
#5D6087#5D6087#5C6088#5C6088#5B6088#5B6089#5A6089
#6B5287#6B5287#6A5288#6A5288#695289#695289#68528A
#7A4387#794388#794388#784389#77438A#77438A#76438B
#8C3187#8B3188#8A3189#8A3189#89318A#88318B#87318C

Colorpallet from #318C87 to #8C3187 and to #878C31
#318C87#318C87#318C87#318C87#318C87#318C87#318C87
#407D87#407F85#408283#408480#3F877E#3F897C#3F8C79
#4E6F87#4E7483#4E787E#4E7D7A#4D8275#4D8671#4D8C6B
#5D6087#5D6780#5C6E7A#5C7573#5B7C6D#5B8366#5A8C5E
#6B5287#6B5B7E#6A6575#6A6E6D#697764#69805B#688C50
#7A4387#794F7C#795A71#786666#77725B#777D50#768C42
#8C3187#8B4079#8A4E6B#8A5D5E#896B50#887A42#878C31

Colorpallet from #318C87 to #8C8731 and to #87318C
#318C87#318C87#318C87#318C87#318C87#318C87#318C87
#408B79#40897B#40877E#408480#3F8283#3F8085#3F7D88
#4E8A6B#4E8670#4E8175#4E7D79#4D797E#4D7483#4D6F89
#5D8A5E#5D8365#5C7D6C#5C7673#5B6F7A#5B6880#5A6089
#6B8950#6B8059#6A7763#6A6F6C#696675#695D7E#68528A
#7A8842#797D4E#797259#786765#775C71#77517C#76438B
#8C8731#8B7940#8A6B4E#8A5E5D#89506B#88427A#87318C

Colorpallet from #318C87 to #8C8731 and to #878C31
#318C87#318C87#318C87#318C87#318C87#318C87#318C87
#408B79#408B79#408B79#408B79#3F8C79#3F8C79#3F8C79
#4E8A6B#4E8A6B#4E8B6B#4E8B6B#4D8B6B#4D8C6B#4D8C6B
#5D8A5E#5D8A5E#5C8B5E#5C8B5E#5B8B5E#5B8C5E#5A8C5E
#6B8950#6B8950#6A8A50#6A8A50#698B50#698B50#688C50
#7A8842#798942#798942#788A42#778B42#778B42#768C42
#8C8731#8B8831#8A8931#8A8931#898A31#888B31#878C31

Colorpallet from #318C87 to #87318C and to #878C31
#318C87#318C87#318C87#318C87#318C87#318C87#318C87
#3F7D88#3F7F86#3F8283#3F8481#3F877E#3F897C#3F8C79
#4D6F89#4D7484#4D787F#4D7D7B#4D8276#4D8671#4D8C6B
#5A6089#5A6782#5A6E7B#5A7574#5A7C6D#5A8367#5A8C5E
#68528A#685B81#686577#686E6E#687765#68805C#688C50
#76438B#764F7F#765A74#766668#76725C#767D51#768C42
#87318C#87407D#874E6F#875D60#876B52#877A43#878C31