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 #3A5A4C to #3A4C5A and to #5A3A4C
#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C
#3A584E#3B584E#3C574D#3C574D#3D564D#3E564C#3F554C
#3A5650#3C554F#3D544F#3F534E#40524D#42514D#44504C
#3A5353#3C5252#3F5051#414F50#444E4F#464D4D#494B4C
#3A5155#3D4F54#404D52#444C51#474A4F#4A484E#4E464C
#3A4F57#3E4D55#424A53#464852#4B4550#4F434E#54404C
#3A4C5A#3F4958#444656#494353#4E4051#543E4F#5A3A4C

Colorpallet from #3A5A4C to #3A4C5A and to #5A4C3A
#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C
#3A584E#3B584D#3C584C#3C584C#3D584B#3E584A#3F5849
#3A5650#3C564E#3D564D#3F564B#40564A#425648#445646
#3A5353#3C5350#3F534E#41534B#445349#465346#495343
#3A5155#3D5152#40514E#44514B#475148#4A5144#4E5140
#3A4F57#3E4F53#424F4F#464F4B#4B4F47#4F4F43#544F3E
#3A4C5A#3F4C55#444C50#494C4B#4E4C46#544C40#5A4C3A

Colorpallet from #3A5A4C to #3A4C5A and to #4C3A5A
#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C
#3A584E#3A584E#3B574E#3B574E#3C564E#3C564E#3D554E
#3A5650#3B5550#3C5450#3D5350#3E5250#3F5150#405050
#3A5353#3B5253#3D5053#3E4F53#404E53#414D53#434B53
#3A5155#3C4F55#3E4D55#404C55#424A55#444855#464655
#3A4F57#3C4D57#3E4A57#414857#434557#454357#484057
#3A4C5A#3D495A#40465A#43435A#46405A#483E5A#4C3A5A

Colorpallet from #3A5A4C to #3A4C5A and to #4C5A3A
#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C
#3A584E#3A584D#3B594C#3B594C#3C594B#3C5A4A#3D5A49
#3A5650#3B574E#3C574D#3D584B#3E594A#3F5948#405A46
#3A5353#3B5450#3D554E#3E564B#405749#415946#435A43
#3A5155#3C5252#3E544E#40554B#425748#445844#465A40
#3A4F57#3C5153#3E534F#41544B#435647#455843#485A3E
#3A4C5A#3D4E55#405050#43534B#465546#485740#4C5A3A

Colorpallet from #3A5A4C to #5A3A4C and to #5A4C3A
#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C
#3F554C#3F554C#3F564B#3F564B#3F574A#3F574A#3F5849
#44504C#44514B#44524A#445349#445448#445547#445646
#494B4C#494C4B#494E49#494F48#495046#495145#495343
#4E464C#4E484A#4E4A48#4E4B46#4E4D44#4E4F42#4E5140
#54404C#54424A#544548#544745#544A43#544C41#544F3E
#5A3A4C#5A3D49#5A4046#5A4343#5A4640#5A483E#5A4C3A

Colorpallet from #3A5A4C to #5A3A4C and to #4C3A5A
#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C
#3F554C#3F554C#3E554D#3E554D#3E554D#3D554E#3D554E
#44504C#43504D#43504D#42504E#41504F#41504F#405050
#494B4C#484B4D#474B4E#464B4F#454B50#444B52#434B53
#4E464C#4D464D#4B464F#4A4650#494652#484653#464655
#54404C#52404E#504050#4E4051#4C4053#4A4055#484057
#5A3A4C#583A4E#563A50#533A53#513A55#4F3A57#4C3A5A

Colorpallet from #3A5A4C to #5A3A4C and to #4C5A3A
#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C
#3F554C#3F564C#3E574B#3E574B#3E584A#3D594A#3D5A49
#44504C#43524B#43534A#425549#415648#415847#405A46
#494B4C#484D4B#475049#465248#455546#445745#435A43
#4E464C#4D494A#4B4C48#4A5046#495344#485642#465A40
#54404C#52444A#504848#4E4C45#4C5143#4A5541#485A3E
#5A3A4C#583F49#564446#534943#514E40#4F543E#4C5A3A

Colorpallet from #3A5A4C to #5A4C3A and to #4C3A5A
#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C
#3F5849#3F584A#3E574B#3E574B#3E564C#3D564D#3D554E
#445646#435548#435449#42534B#41524C#41514E#405050
#495343#485246#475048#464F4B#454E4D#444D50#434B53
#4E5140#4D4F43#4B4D47#4A4C4A#494A4D#484851#464655
#544F3E#524D42#504A46#4E484A#4C454E#4A4352#484057
#5A4C3A#58493F#564644#534349#51404E#4F3E54#4C3A5A

Colorpallet from #3A5A4C to #5A4C3A and to #4C5A3A
#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C
#3F5849#3F5849#3E5949#3E5949#3E5949#3D5A49#3D5A49
#445646#435746#435746#425846#415946#415946#405A46
#495343#485443#475543#465643#455743#445943#435A43
#4E5140#4D5240#4B5440#4A5540#495740#485840#465A40
#544F3E#52513E#50533E#4E543E#4C563E#4A583E#485A3E
#5A4C3A#584E3A#56503A#53533A#51553A#4F573A#4C5A3A

Colorpallet from #3A5A4C to #4C3A5A and to #4C5A3A
#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C#3A5A4C
#3D554E#3D564D#3D574C#3D574C#3D584B#3D594A#3D5A49
#405050#40524E#40534D#40554B#40564A#405848#405A46
#434B53#434D50#43504E#43524B#435549#435746#435A43
#464655#464952#464C4E#46504B#465348#465644#465A40
#484057#484453#48484F#484C4B#485147#485543#485A3E
#4C3A5A#4C3F55#4C4450#4C494B#4C4E46#4C5440#4C5A3A