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 #3A2F80 to #3A802F and to #2F3A80
#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80
#3A3C73#3A3A75#393877#393779#39357B#38337D#383180
#3A4966#39456A#39426E#383E72#373B77#37377B#363380
#3A5659#39515F#384B65#38466C#374072#363B78#353480
#3A634C#395C54#38555D#374D65#36466D#343F76#333680
#3A703F#396749#375E54#36555E#344C69#334373#313880
#3A802F#38753C#366A49#355E56#335363#314870#2F3A80

Colorpallet from #3A2F80 to #3A802F and to #2F803A
#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80
#3A3C73#3A3C73#393C74#393C74#393C74#383C75#383C75
#3A4966#394967#394967#384968#374969#374969#36496A
#3A5659#39565A#38565B#38565B#37565C#36565D#35565E
#3A634C#39634D#38634E#37634F#366350#346352#336353
#3A703F#397040#377042#367043#347045#337046#317048
#3A802F#388031#368033#358034#338036#318038#2F803A

Colorpallet from #3A2F80 to #3A802F and to #803A2F
#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80
#3A3C73#3C3A73#3E3873#3F3773#413573#433373#453173
#3A4966#3E4566#414266#453E66#483B66#4C3766#503366
#3A5659#3F5159#454B59#4A4659#504059#553B59#5C3459
#3A634C#415C4C#48554C#504D4C#57464C#5E3F4C#67364C
#3A703F#43673F#4C5E3F#55553F#5E4C3F#67433F#72383F
#3A802F#45752F#506A2F#5C5E2F#67532F#72482F#803A2F

Colorpallet from #3A2F80 to #3A802F and to #802F3A
#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80
#3A3C73#3C3A73#3E3874#3F3674#413474#433275#452F75
#3A4966#3E4567#414167#453D68#483869#4C3469#502F6A
#3A5659#3F505A#454A5B#4A435B#503D5C#55375D#5C2F5E
#3A634C#415B4D#48524E#504A4F#574250#5E3952#672F53
#3A703F#436640#4C5B42#555143#5E4645#673C46#722F48
#3A802F#457331#506633#5C5934#674C36#723F38#802F3A

Colorpallet from #3A2F80 to #2F3A80 and to #2F803A
#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80
#383180#38337E#38357C#38367B#383879#383A77#383C75
#363380#36377C#363A79#363E75#364172#36456E#36496A
#353480#35397B#353F75#354470#354A6A#354F65#35565E
#333680#333D79#334472#334C6A#335363#335A5C#336353
#313880#314177#314A6E#315365#315C5C#316553#317048
#2F3A80#2F4575#2F506A#2F5C5E#2F6753#2F7248#2F803A

Colorpallet from #3A2F80 to #2F3A80 and to #803A2F
#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80
#383180#3A317E#3C317C#3E317A#403178#423176#453173
#363380#3A337C#3E3378#423374#47336F#4B336B#503366
#353480#3B347A#413474#48346D#4E3467#543461#5C3459
#333680#3B3678#44366F#4C3667#54365F#5D3656#67364C
#313880#3B3876#46386B#503861#5B3856#65384C#72383F
#2F3A80#3C3A73#493A66#563A59#633A4C#703A3F#803A2F

Colorpallet from #3A2F80 to #2F3A80 and to #802F3A
#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80
#383180#3A317E#3C307C#3E307B#403079#422F77#452F75
#363380#3A327C#3E3279#423175#473072#4B306E#502F6A
#353480#3B337B#413275#483270#4E316A#543065#5C2F5E
#333680#3B3579#443472#4C336A#543263#5D305C#672F53
#313880#3B3777#46356E#503465#5B325C#653153#722F48
#2F3A80#3C3875#49366A#56355E#633353#703148#802F3A

Colorpallet from #3A2F80 to #2F803A and to #803A2F
#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80
#383C75#3A3A75#3C3874#3E3774#403574#423373#453173
#36496A#3A4569#3E4269#423E68#473B67#4B3767#503366
#35565E#3B515D#414B5C#48465C#4E405B#543B5A#5C3459
#336353#3B5C52#445551#4C4D50#54464F#5D3F4D#67364C
#317048#3B6747#465E45#505544#5B4C42#654341#72383F
#2F803A#3C7538#496A36#565E35#635333#704831#803A2F

Colorpallet from #3A2F80 to #2F803A and to #802F3A
#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80
#383C75#3A3A75#3C3875#3E3675#403475#423275#452F75
#36496A#3A456A#3E416A#423D6A#47386A#4B346A#502F6A
#35565E#3B505E#414A5E#48435E#4E3D5E#54375E#5C2F5E
#336353#3B5B53#445253#4C4A53#544253#5D3953#672F53
#317048#3B6648#465B48#505148#5B4648#653C48#722F48
#2F803A#3C733A#49663A#56593A#634C3A#703F3A#802F3A

Colorpallet from #3A2F80 to #803A2F and to #802F3A
#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80#3A2F80
#453173#453173#453074#453074#453074#452F75#452F75
#503366#503267#503267#503168#503069#503069#502F6A
#5C3459#5C335A#5C325B#5C325B#5C315C#5C305D#5C2F5E
#67364C#67354D#67344E#67334F#673250#673052#672F53
#72383F#723740#723542#723443#723245#723146#722F48
#803A2F#803831#803633#803534#803336#803138#802F3A