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 #31368B to #318B36 and to #36318B
#31368B#31368B#31368B#31368B#31368B#31368B#31368B
#31447D#31427F#313F81#313D84#323A86#323888#32358B
#315170#314C74#324879#32437D#323E81#333A86#33348B
#315F62#315869#32516F#324A76#32437C#333D83#33348B
#316C55#31635E#325A66#32516F#334878#333E80#34338B
#317A47#326E52#32635D#335768#344C73#34407D#35328B
#318B36#327D44#336E51#33605F#34516C#35437A#36318B

Colorpallet from #31368B to #318B36 and to #368B31
#31368B#31368B#31368B#31368B#31368B#31368B#31368B
#31447D#31447D#31447D#31447D#32447D#32447D#32447D
#315170#315170#32516F#32516F#32516F#33516E#33516E
#315F62#315F62#325F61#325F61#325F61#335F60#335F60
#316C55#316C54#326C54#326C53#336C52#336C52#346C51
#317A47#327A46#327A46#337A45#347A44#347A44#357A43
#318B36#328B35#338B34#338B34#348B33#358B32#368B31

Colorpallet from #31368B to #318B36 and to #8B3136
#31368B#31368B#31368B#31368B#31368B#31368B#31368B
#31447D#33427D#353F7D#383D7D#3A3A7D#3C387D#3F357D
#315170#364C70#3A4870#3F4370#443E70#483A70#4E3470
#315F62#385862#3F5162#464A62#4D4362#533D62#5C3462
#316C55#3A6355#445A55#4D5155#564855#5F3E55#6B3355
#317A47#3D6E47#486347#545747#5F4C47#6B4047#793247
#318B36#3F7D36#4E6E36#5C6036#6B5136#794336#8B3136

Colorpallet from #31368B to #318B36 and to #8B3631
#31368B#31368B#31368B#31368B#31368B#31368B#31368B
#31447D#33427D#35407D#383D7D#3A3B7D#3C397D#3F367D
#315170#364D70#3A486F#3F446F#44406F#483B6E#4E366E
#315F62#385862#3F5261#464B61#4D4561#533E60#5C3660
#316C55#3A6354#445B54#4D5253#564952#5F4152#6B3651
#317A47#3D6F46#486446#545945#5F4E44#6B4444#793643
#318B36#3F7D35#4E7034#5C6234#6B5533#794732#8B3631

Colorpallet from #31368B to #36318B and to #368B31
#31368B#31368B#31368B#31368B#31368B#31368B#31368B
#32358B#323789#323A87#323C84#323F82#324180#32447D
#33348B#333986#333D82#33427D#334778#334B74#33516E
#33348B#333B84#33427D#334976#33506F#335669#335F60
#34338B#343C82#344578#344E6F#345766#34615D#346C51
#35328B#353E7F#354974#355568#35605D#356C51#357A43
#36318B#363F7D#364E6E#365C60#366B51#367943#368B31

Colorpallet from #31368B to #36318B and to #8B3136
#31368B#31368B#31368B#31368B#31368B#31368B#31368B
#32358B#343589#363587#383584#3A3582#3C3580#3F357D
#33348B#373487#3C3482#40347E#44347A#493475#4E3470
#33348B#3A3484#40347E#473477#4D3471#54346A#5C3462
#34338B#3D3382#46337A#4E3371#573368#603360#6B3355
#35328B#403280#4B3275#56326A#61325F#6B3255#793247
#36318B#44317D#513170#5F3162#6C3155#7A3147#8B3136

Colorpallet from #31368B to #36318B and to #8B3631
#31368B#31368B#31368B#31368B#31368B#31368B#31368B
#32358B#343589#363587#383584#3A3682#3C3680#3F367D
#33348B#373486#3C3582#40357D#443578#493674#4E366E
#33348B#3A3484#40357D#473576#4D356F#543669#5C3660
#34338B#3D3382#463478#4E346F#573566#60355D#6B3651
#35328B#40337F#4B3374#563468#61355D#6B3551#793643
#36318B#44327D#51336E#5F3360#6C3451#7A3543#8B3631

Colorpallet from #31368B to #368B31 and to #8B3136
#31368B#31368B#31368B#31368B#31368B#31368B#31368B
#32447D#34427D#363F7D#383D7D#3A3A7D#3C387D#3F357D
#33516E#374C6E#3C486F#40436F#443E6F#493A70#4E3470
#335F60#3A5860#405161#474A61#4D4361#543D62#5C3462
#346C51#3D6352#465A52#4E5153#574854#603E54#6B3355
#357A43#406E44#4B6344#565745#614C46#6B4046#793247
#368B31#447D32#516E33#5F6033#6C5134#7A4335#8B3136

Colorpallet from #31368B to #368B31 and to #8B3631
#31368B#31368B#31368B#31368B#31368B#31368B#31368B
#32447D#34427D#36407D#383D7D#3A3B7D#3C397D#3F367D
#33516E#374D6E#3C486E#40446E#44406E#493B6E#4E366E
#335F60#3A5860#405260#474B60#4D4560#543E60#5C3660
#346C51#3D6351#465B51#4E5251#574951#604151#6B3651
#357A43#406F43#4B6443#565943#614E43#6B4443#793643
#368B31#447D31#517031#5F6231#6C5531#7A4731#8B3631

Colorpallet from #31368B to #8B3136 and to #8B3631
#31368B#31368B#31368B#31368B#31368B#31368B#31368B
#3F357D#3F357D#3F357D#3F357D#3F367D#3F367D#3F367D
#4E3470#4E3470#4E356F#4E356F#4E356F#4E366E#4E366E
#5C3462#5C3462#5C3561#5C3561#5C3561#5C3660#5C3660
#6B3355#6B3354#6B3454#6B3453#6B3552#6B3552#6B3651
#793247#793346#793346#793445#793544#793544#793643
#8B3136#8B3235#8B3334#8B3334#8B3433#8B3532#8B3631