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 #1D3C8B to #1D8B3C and to #3C1D8B
#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B
#1D497E#1E4680#1F4382#1F4084#203D86#213B88#22378B
#1D5572#1F4F76#204A7A#22447E#233F82#253986#27328B
#1D6265#1F5A6B#225171#244977#27407D#293883#2C2D8B
#1D6F58#206460#235868#274D70#2A4279#2D3681#31288B
#1D7B4C#216D56#255F60#29516A#2D4374#31357E#36238B
#1D8B3C#227949#276855#2C5662#31456F#36337B#3C1D8B

Colorpallet from #1D3C8B to #1D8B3C and to #3C8B1D
#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B
#1D497E#1E497D#1F497C#1F497C#20497B#21497A#224979
#1D5572#1F5570#20556F#22556D#23556C#25556A#275568
#1D6265#1F6263#226260#24625E#27625B#296259#2C6256
#1D6F58#206F55#236F52#276F4F#2A6F4C#2D6F49#316F45
#1D7B4C#217B48#257B44#297B40#2D7B3C#317B38#367B33
#1D8B3C#228B37#278B32#2C8B2D#318B28#368B23#3C8B1D

Colorpallet from #1D3C8B to #1D8B3C and to #8B1D3C
#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B
#1D497E#20467E#23437E#26407E#293D7E#2B3B7E#2F377E
#1D5572#234F72#284A72#2E4472#333F72#393972#403272
#1D6265#255A65#2E5165#364965#3F4065#473865#522D65
#1D6F58#286458#335858#3F4D58#4A4258#553658#632858
#1D7B4C#2B6D4C#395F4C#47514C#55434C#63354C#75234C
#1D8B3C#2F793C#40683C#52563C#63453C#75333C#8B1D3C

Colorpallet from #1D3C8B to #1D8B3C and to #8B3C1D
#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B
#1D497E#20477D#23457C#26437C#29417B#2B3F7A#2F3C79
#1D5572#235170#284D6F#2E496D#33456C#39416A#403C68
#1D6265#255C63#2E5660#36505E#3F4A5B#474459#523C56
#1D6F58#286755#335F52#3F574F#4A4E4C#554649#633C45
#1D7B4C#2B7148#396744#475D40#55533C#634938#753C33
#1D8B3C#2F7E37#407232#52652D#635828#754C23#8B3C1D

Colorpallet from #1D3C8B to #3C1D8B and to #3C8B1D
#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B
#22378B#223A88#223D85#224082#22437F#22457D#224979
#27328B#273885#273D80#27437A#274875#274E6F#275568
#2C2D8B#2C3583#2C3E7A#2C4672#2C4F69#2C5761#2C6256
#31288B#313380#313F75#314A69#31555E#316153#316F45
#36238B#36317D#363F6F#364D61#365B53#366945#367B33
#3C1D8B#3C2F79#3C4068#3C5256#3C6345#3C7533#3C8B1D

Colorpallet from #1D3C8B to #3C1D8B and to #8B1D3C
#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B
#22378B#243789#263787#283785#2A3783#2C3781#2F377E
#27328B#2B3287#2F3283#33327F#37327B#3B3277#403272
#2C2D8B#322D85#382D7F#3E2D79#442D73#4A2D6D#522D65
#31288B#392883#41287B#492873#51286A#592862#632858
#36238B#402381#4A2377#54236D#5E2363#682359#75234C
#3C1D8B#491D7E#551D72#621D65#6F1D58#7B1D4C#8B1D3C

Colorpallet from #1D3C8B to #3C1D8B and to #8B3C1D
#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B
#22378B#243888#263985#283982#2A3A7F#2C3B7D#2F3C79
#27328B#2B3485#2F3580#33377A#373875#3B3A6F#403C68
#2C2D8B#322F83#38327A#3E3472#443769#4A3961#523C56
#31288B#392B80#412E75#493269#51355E#593853#633C45
#36238B#40277D#4A2B6F#542F61#5E3353#683745#753C33
#3C1D8B#492279#552768#622C56#6F3145#7B3633#8B3C1D

Colorpallet from #1D3C8B to #3C8B1D and to #8B1D3C
#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B
#224979#24467A#26437B#28407B#2A3D7C#2C3B7D#2F377E
#275568#2B4F6A#2F4A6B#33446D#373F6E#3B3970#403272
#2C6256#325A58#38515B#3E495D#444060#4A3862#522D65
#316F45#396448#41584B#494D4E#514251#593654#632858
#367B33#406D37#4A5F3B#54513F#5E4343#683547#75234C
#3C8B1D#497922#556827#62562C#6F4531#7B3336#8B1D3C

Colorpallet from #1D3C8B to #3C8B1D and to #8B3C1D
#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B
#224979#244779#264579#284379#2A4179#2C3F79#2F3C79
#275568#2B5168#2F4D68#334968#374568#3B4168#403C68
#2C6256#325C56#385656#3E5056#444A56#4A4456#523C56
#316F45#396745#415F45#495745#514E45#594645#633C45
#367B33#407133#4A6733#545D33#5E5333#684933#753C33
#3C8B1D#497E1D#55721D#62651D#6F581D#7B4C1D#8B3C1D

Colorpallet from #1D3C8B to #8B1D3C and to #8B3C1D
#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B#1D3C8B
#2F377E#2F387D#2F397C#2F397C#2F3A7B#2F3B7A#2F3C79
#403272#403470#40356F#40376D#40386C#403A6A#403C68
#522D65#522F63#523260#52345E#52375B#523959#523C56
#632858#632B55#632E52#63324F#63354C#633849#633C45
#75234C#752748#752B44#752F40#75333C#753738#753C33
#8B1D3C#8B2237#8B2732#8B2C2D#8B3128#8B3623#8B3C1D