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 #3A5B4C to #3A4C5B and to #5B3A4C
#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C
#3A594E#3B594E#3C584D#3C584D#3D574D#3E574C#3F564C
#3A5651#3C5550#3E544F#3F534F#41524E#43514D#45504C
#3A5453#3D5352#3F5151#425050#444E4F#474D4D#4A4B4C
#3A5156#3D4F54#414D53#444C51#474A50#4B484E#4F464C
#3A4F58#3E4D56#424B54#464852#4B4650#4F444E#54414C
#3A4C5B#3F4959#454656#4A4354#4F4051#543E4F#5B3A4C

Colorpallet from #3A5B4C to #3A4C5B and to #5B4C3A
#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C
#3A594E#3B594D#3C594C#3C594C#3D594B#3E594A#3F5949
#3A5651#3C564F#3E564D#3F564C#41564A#435648#455646
#3A5453#3D5450#3F544E#42544B#445449#475446#4A5443
#3A5156#3D5152#41514F#44514B#475148#4B5144#4F5140
#3A4F58#3E4F54#424F50#464F4C#4B4F47#4F4F43#544F3E
#3A4C5B#3F4C56#454C50#4A4C4B#4F4C46#544C41#5B4C3A

Colorpallet from #3A5B4C to #3A4C5B and to #4C3A5B
#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C
#3A594E#3A594E#3B584E#3B584E#3C574E#3C574E#3D564E
#3A5651#3B5551#3C5451#3D5351#3E5251#3F5151#405051
#3A5453#3B5353#3D5153#3E5053#404E53#414D53#434B53
#3A5156#3C4F56#3E4D56#404C56#424A56#444856#464656
#3A4F58#3C4D58#3E4B58#414858#434658#454458#484158
#3A4C5B#3D495B#40465B#43435B#46405B#483E5B#4C3A5B

Colorpallet from #3A5B4C to #3A4C5B and to #4C5B3A
#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C
#3A594E#3A594D#3B5A4C#3B5A4C#3C5A4B#3C5B4A#3D5B49
#3A5651#3B574F#3C584D#3D584C#3E594A#3F5A48#405B46
#3A5453#3B5550#3D564E#3E574B#405849#415A46#435B43
#3A5156#3C5352#3E544F#40564B#425748#445944#465B40
#3A4F58#3C5154#3E5350#41554C#435747#455943#485B3E
#3A4C5B#3D4E56#405150#43534B#465646#485841#4C5B3A

Colorpallet from #3A5B4C to #5B3A4C and to #5B4C3A
#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C
#3F564C#3F564C#3F574B#3F574B#3F584A#3F584A#3F5949
#45504C#45514B#45524A#455349#455448#455547#455646
#4A4B4C#4A4C4B#4A4E49#4A4F48#4A5146#4A5245#4A5443
#4F464C#4F484A#4F4A48#4F4B46#4F4D44#4F4F42#4F5140
#54414C#54434A#544548#544845#544A43#544C41#544F3E
#5B3A4C#5B3D49#5B4046#5B4343#5B4640#5B483E#5B4C3A

Colorpallet from #3A5B4C to #5B3A4C and to #4C3A5B
#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C
#3F564C#3F564C#3E564D#3E564D#3E564D#3D564E#3D564E
#45504C#44504D#43504E#43504E#42504F#415050#405051
#4A4B4C#494B4D#484B4E#474B4F#464B50#444B52#434B53
#4F464C#4E464E#4C464F#4B4651#494652#484654#464656
#54414C#52414E#504150#4E4152#4C4154#4A4156#484158
#5B3A4C#593A4E#563A51#543A53#513A56#4F3A58#4C3A5B

Colorpallet from #3A5B4C to #5B3A4C and to #4C5B3A
#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C
#3F564C#3F574C#3E584B#3E584B#3E594A#3D5A4A#3D5B49
#45504C#44524B#43544A#435549#425748#415947#405B46
#4A4B4C#494E4B#485049#475348#465546#445845#435B43
#4F464C#4E494A#4C4D48#4B5046#495344#485742#465B40
#54414C#52454A#504948#4E4D45#4C5243#4A5641#485B3E
#5B3A4C#593F49#564546#544A43#514F40#4F543E#4C5B3A

Colorpallet from #3A5B4C to #5B4C3A and to #4C3A5B
#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C
#3F5949#3F594A#3E584B#3E584B#3E574C#3D574D#3D564E
#455646#445548#43544A#43534B#42524D#41514F#405051
#4A5443#495346#485148#47504B#464E4D#444D50#434B53
#4F5140#4E4F44#4C4D47#4B4C4B#494A4E#484852#464656
#544F3E#524D42#504B46#4E484A#4C464F#4A4453#484158
#5B4C3A#59493F#564645#54434A#51404F#4F3E54#4C3A5B

Colorpallet from #3A5B4C to #5B4C3A and to #4C5B3A
#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C
#3F5949#3F5949#3E5A49#3E5A49#3E5A49#3D5B49#3D5B49
#455646#445746#435846#435846#425946#415A46#405B46
#4A5443#495543#485643#475743#465843#445A43#435B43
#4F5140#4E5340#4C5440#4B5640#495740#485940#465B40
#544F3E#52513E#50533E#4E553E#4C573E#4A593E#485B3E
#5B4C3A#594E3A#56513A#54533A#51563A#4F583A#4C5B3A

Colorpallet from #3A5B4C to #4C3A5B and to #4C5B3A
#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C#3A5B4C
#3D564E#3D574D#3D584C#3D584C#3D594B#3D5A4A#3D5B49
#405051#40524F#40544D#40554C#40574A#405948#405B46
#434B53#434E50#43504E#43534B#435549#435846#435B43
#464656#464952#464D4F#46504B#465348#465744#465B40
#484158#484554#484950#484D4C#485247#485643#485B3E
#4C3A5B#4C3F56#4C4550#4C4A4B#4C4F46#4C5441#4C5B3A