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 #696AC4 to #69C46A and to #6A69C4
#696AC4#696AC4#696AC4#696AC4#696AC4#696AC4#696AC4
#6978B6#6976B8#6974BA#6971BD#696FBF#696DC1#696AC4
#6987A7#6982AC#697EB0#6979B5#6974BA#6970BE#696AC4
#699599#698EA0#6987A7#6980AE#6979B5#6973BB#696AC4
#69A48A#699B93#69919D#6988A6#6A7EAF#6A75B8#6A69C4
#69B27C#69A688#699B93#698F9F#6A83AA#6A78B6#6A69C4
#69C46A#69B578#69A787#699895#6A8AA4#6A7BB2#6A69C4

Colorpallet from #696AC4 to #69C46A and to #6AC469
#696AC4#696AC4#696AC4#696AC4#696AC4#696AC4#696AC4
#6978B6#6978B6#6978B6#6978B6#6978B5#6978B5#6978B5
#6987A7#6987A7#6987A7#6987A7#6987A7#6987A7#6987A7
#699599#699599#699599#699599#699598#699598#699598
#69A48A#69A48A#69A48A#69A48A#6AA48A#6AA48A#6AA48A
#69B27C#69B27C#69B27C#69B27C#6AB27B#6AB27B#6AB27B
#69C46A#69C46A#69C46A#69C46A#6AC469#6AC469#6AC469

Colorpallet from #696AC4 to #69C46A and to #C4696A
#696AC4#696AC4#696AC4#696AC4#696AC4#696AC4#696AC4
#6978B6#6B76B6#6E74B6#7071B6#736FB6#756DB6#786AB6
#6987A7#6E82A7#727EA7#7779A7#7C74A7#8070A7#866AA7
#699599#708E99#778799#7E8099#857999#8C7399#956A99
#69A48A#729B8A#7C918A#85888A#8E7E8A#97758A#A3698A
#69B27C#75A67C#809B7C#8C8F7C#98837C#A3787C#B2697C
#69C46A#78B56A#86A76A#95986A#A38A6A#B27B6A#C4696A

Colorpallet from #696AC4 to #69C46A and to #C46A69
#696AC4#696AC4#696AC4#696AC4#696AC4#696AC4#696AC4
#6978B6#6B76B6#6E74B6#7071B6#736FB5#756DB5#786AB5
#6987A7#6E82A7#727EA7#7779A7#7C74A7#8070A7#866AA7
#699599#708E99#778799#7E8099#857998#8C7398#956A98
#69A48A#729B8A#7C918A#85888A#8E7F8A#97768A#A36A8A
#69B27C#75A67C#809B7C#8C8F7C#98847B#A3787B#B26A7B
#69C46A#78B66A#86A76A#95996A#A38A69#B27C69#C46A69

Colorpallet from #696AC4 to #6A69C4 and to #6AC469
#696AC4#696AC4#696AC4#696AC4#696AC4#696AC4#696AC4
#696AC4#696CC2#696EBF#6971BD#6973BA#6975B8#6978B5
#696AC4#696FBF#6973BB#6978B6#697DB1#6981AD#6987A7
#696AC4#6971BD#6978B6#697FAF#6986A8#698CA1#699598
#6A69C4#6A72BB#6A7CB1#6A85A8#6A8F9F#6A9896#6AA48A
#6A69C4#6A75B8#6A80AD#6A8CA1#6A9895#6AA38A#6AB27B
#6A69C4#6A78B5#6A86A7#6A9598#6AA38A#6AB27B#6AC469

Colorpallet from #696AC4 to #6A69C4 and to #C4696A
#696AC4#696AC4#696AC4#696AC4#696AC4#696AC4#696AC4
#696AC4#6B6AC2#6E6AC0#706ABD#736ABB#756AB9#786AB6
#696AC4#6E6ABF#726ABB#776AB6#7C6AB1#806AAD#866AA7
#696AC4#706ABD#776AB6#7E6AAF#856AA8#8C6AA2#956A99
#6A69C4#7369BB#7C69B1#8569A8#8E699F#986996#A3698A
#6A69C4#7669B8#8169AD#8D69A1#986996#A4698A#B2697C
#6A69C4#7869B6#8769A7#956999#A4698A#B2697C#C4696A

Colorpallet from #696AC4 to #6A69C4 and to #C46A69
#696AC4#696AC4#696AC4#696AC4#696AC4#696AC4#696AC4
#696AC4#6B6AC2#6E6ABF#706ABD#736ABA#756AB8#786AB5
#696AC4#6E6ABF#726ABB#776AB6#7C6AB1#806AAD#866AA7
#696AC4#706ABD#776AB6#7E6AAF#856AA8#8C6AA1#956A98
#6A69C4#7369BB#7C69B1#8569A8#8E6A9F#986A96#A36A8A
#6A69C4#7669B8#8169AD#8D69A1#986A95#A46A8A#B26A7B
#6A69C4#7869B5#8769A7#956998#A46A8A#B26A7B#C46A69

Colorpallet from #696AC4 to #6AC469 and to #C4696A
#696AC4#696AC4#696AC4#696AC4#696AC4#696AC4#696AC4
#6978B5#6B76B5#6E74B5#7071B5#736FB6#756DB6#786AB6
#6987A7#6E82A7#727EA7#7779A7#7C74A7#8070A7#866AA7
#699598#708E98#778798#7E8098#857999#8C7399#956A99
#6AA48A#739B8A#7C918A#85888A#8E7E8A#98758A#A3698A
#6AB27B#76A67B#819B7B#8D8F7B#98837C#A4787C#B2697C
#6AC469#78B569#87A769#959869#A48A6A#B27B6A#C4696A

Colorpallet from #696AC4 to #6AC469 and to #C46A69
#696AC4#696AC4#696AC4#696AC4#696AC4#696AC4#696AC4
#6978B5#6B76B5#6E74B5#7071B5#736FB5#756DB5#786AB5
#6987A7#6E82A7#727EA7#7779A7#7C74A7#8070A7#866AA7
#699598#708E98#778798#7E8098#857998#8C7398#956A98
#6AA48A#739B8A#7C918A#85888A#8E7F8A#98768A#A36A8A
#6AB27B#76A67B#819B7B#8D8F7B#98847B#A4787B#B26A7B
#6AC469#78B669#87A769#959969#A48A69#B27C69#C46A69

Colorpallet from #696AC4 to #C4696A and to #C46A69
#696AC4#696AC4#696AC4#696AC4#696AC4#696AC4#696AC4
#786AB6#786AB6#786AB6#786AB6#786AB5#786AB5#786AB5
#866AA7#866AA7#866AA7#866AA7#866AA7#866AA7#866AA7
#956A99#956A99#956A99#956A99#956A98#956A98#956A98
#A3698A#A3698A#A3698A#A3698A#A36A8A#A36A8A#A36A8A
#B2697C#B2697C#B2697C#B2697C#B26A7B#B26A7B#B26A7B
#C4696A#C4696A#C4696A#C4696A#C46A69#C46A69#C46A69