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 #3A4C98 to #3A984C and to #4C3A98
#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98
#3A588C#3A568E#3B5390#3B5192#3C4E94#3C4C96#3D4998
#3A6480#3B5F84#3C5A88#3D568C#3E518F#3F4C93#404698
#3A7074#3B697A#3D6280#3E5A85#40538B#414C91#434398
#3A7D67#3C736F#3E6977#40607F#425686#444C8E#464098
#3A895B#3C7D65#3E716F#416578#435982#454D8C#483E98
#3A984C#3D8958#407A64#436B70#465C7D#484D89#4C3A98

Colorpallet from #3A4C98 to #3A984C and to #4C983A
#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98
#3A588C#3A588C#3B588B#3B588B#3C588A#3C588A#3D5889
#3A6480#3B647F#3C647E#3D647D#3E647C#3F647B#40647A
#3A7074#3B7073#3D7071#3E7070#40706E#41706D#43706B
#3A7D67#3C7D65#3E7D63#407D62#427D60#447D5E#467D5C
#3A895B#3C8959#3E8957#418954#438952#458950#48894D
#3A984C#3D9849#409846#439843#469840#48983E#4C983A

Colorpallet from #3A4C98 to #3A984C and to #983A4C
#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98
#3A588C#3C568C#3F538C#41518C#444E8C#464C8C#49498C
#3A6480#3F5F80#445A80#485680#4D5180#524C80#584680
#3A7074#416974#486274#505A74#575374#5E4C74#674374
#3A7D67#447367#4D6967#576067#605667#6A4C67#764067
#3A895B#467D5B#52715B#5E655B#6A595B#764D5B#853E5B
#3A984C#49894C#587A4C#676B4C#765C4C#854D4C#983A4C

Colorpallet from #3A4C98 to #3A984C and to #984C3A
#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98
#3A588C#3C568C#3F548B#41528B#44508A#464E8A#494C89
#3A6480#3F607F#445C7E#48587D#4D557C#52517B#584C7A
#3A7074#416A73#486471#505F70#57596E#5E536D#674C6B
#3A7D67#447565#4D6D63#576562#605E60#6A565E#764C5C
#3A895B#467F59#527557#5E6C54#6A6252#765850#854C4D
#3A984C#498C49#588046#677443#766740#855B3E#984C3A

Colorpallet from #3A4C98 to #4C3A98 and to #4C983A
#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98
#3D4998#3D4B96#3D4E93#3D5091#3D538E#3D558C#3D5889
#404698#404B93#40508E#40548A#405985#405E80#40647A
#434398#434A91#43518A#435982#43607B#436774#43706B
#464098#464A8E#465485#465D7B#466772#467168#467D5C
#483E98#484A8C#485680#486274#486E68#487A5C#48894D
#4C3A98#4C4989#4C587A#4C676B#4C765C#4C854D#4C983A

Colorpallet from #3A4C98 to #4C3A98 and to #983A4C
#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98
#3D4998#3F4996#414994#434992#454990#47498E#49498C
#404698#444694#484690#4C468C#4F4689#534685#584680
#434398#494392#4F438C#544387#5A4381#60437B#674374
#464098#4E4090#554088#5D4080#654079#6C4071#764067
#483E98#523E8E#5C3E84#653E7B#6F3E71#793E67#853E5B
#4C3A98#583A8C#643A80#703A74#7D3A67#893A5B#983A4C

Colorpallet from #3A4C98 to #4C3A98 and to #984C3A
#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98
#3D4998#3F4996#414A93#434A91#454B8E#474B8C#494C89
#404698#444793#48488E#4C498A#4F4A85#534B80#584C7A
#434398#494491#4F468A#544782#5A497B#604A74#674C6B
#464098#4E428E#554485#5D467B#654872#6C4A68#764C5C
#483E98#52408C#5C4280#654574#6F4768#79495C#854C4D
#4C3A98#583D89#64407A#70436B#7D465C#89484D#984C3A

Colorpallet from #3A4C98 to #4C983A and to #983A4C
#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98
#3D5889#3F5689#41538A#43518A#454E8B#474C8B#49498C
#40647A#445F7B#485A7C#4C567D#4F517E#534C7F#584680
#43706B#49696C#4F626E#545A6F#5A5371#604C72#674374
#467D5C#4E735E#556960#5D6061#655663#6C4C65#764067
#48894D#527D4F#5C7151#656554#6F5956#794D58#853E5B
#4C983A#58893D#647A40#706B43#7D5C46#894D48#983A4C

Colorpallet from #3A4C98 to #4C983A and to #984C3A
#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98
#3D5889#3F5689#415489#435289#455089#474E89#494C89
#40647A#44607A#485C7A#4C587A#4F557A#53517A#584C7A
#43706B#496A6B#4F646B#545F6B#5A596B#60536B#674C6B
#467D5C#4E755C#556D5C#5D655C#655E5C#6C565C#764C5C
#48894D#527F4D#5C754D#656C4D#6F624D#79584D#854C4D
#4C983A#588C3A#64803A#70743A#7D673A#895B3A#984C3A

Colorpallet from #3A4C98 to #983A4C and to #984C3A
#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98#3A4C98
#49498C#49498C#494A8B#494A8B#494B8A#494B8A#494C89
#584680#58477F#58487E#58497D#584A7C#584B7B#584C7A
#674374#674473#674671#674770#67496E#674A6D#674C6B
#764067#764265#764463#764662#764860#764A5E#764C5C
#853E5B#854059#854257#854554#854752#854950#854C4D
#983A4C#983D49#984046#984343#984640#98483E#984C3A