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 #304A4C to #304C4A and to #4A304C
#304A4C#304A4C#304A4C#304A4C#304A4C#304A4C#304A4C
#304A4C#31494C#31494C#32484C#33474C#33474C#34464C
#304B4B#314A4B#33484B#34474B#35454C#36444C#38424C
#304B4B#32494B#34474B#36454B#38434C#3A414C#3C3E4C
#304B4B#33484B#35454B#38424B#3B3F4C#3E3D4C#41394C
#304C4A#33484A#37454B#3A414B#3D3D4B#413A4C#45354C
#304C4A#34484A#38434B#3C3F4B#413A4B#45364C#4A304C

Colorpallet from #304A4C to #304C4A and to #4A4C30
#304A4C#304A4C#304A4C#304A4C#304A4C#304A4C#304A4C
#304A4C#314A4B#314A4B#324A4A#334A49#334A49#344A48
#304B4B#314B4A#334B48#344B47#354B46#364B45#384B43
#304B4B#324B49#344B47#364B45#384B43#3A4B41#3C4B3F
#304B4B#334B48#354B46#384B43#3B4B40#3E4B3D#414B3A
#304C4A#334C47#374C44#3A4C40#3D4C3D#414C3A#454C36
#304C4A#344C46#384C42#3C4C3E#414C39#454C35#4A4C30

Colorpallet from #304A4C to #304C4A and to #4C304A
#304A4C#304A4C#304A4C#304A4C#304A4C#304A4C#304A4C
#304A4C#31494C#31494C#32484C#33474C#33474C#34464C
#304B4B#314A4B#33484B#34474B#36454B#37444B#39424B
#304B4B#32494B#34474B#36454B#38434B#3A414B#3D3E4B
#304B4B#33484B#36454B#39424B#3C3F4B#3E3D4B#42394B
#304C4A#34484A#37454A#3B414A#3E3D4A#423A4A#46354A
#304C4A#34484A#39434A#3D3F4A#423A4A#46364A#4C304A

Colorpallet from #304A4C to #304C4A and to #4C4A30
#304A4C#304A4C#304A4C#304A4C#304A4C#304A4C#304A4C
#304A4C#314A4B#314A4B#324A4A#334A49#334A49#344A48
#304B4B#314B4A#334B48#344B47#364A46#374A45#394A43
#304B4B#324B49#344B47#364B45#384A43#3A4A41#3D4A3F
#304B4B#334B48#364B46#394B43#3C4A40#3E4A3D#424A3A
#304C4A#344C47#374B44#3B4B40#3E4B3D#424A3A#464A36
#304C4A#344C46#394B42#3D4B3E#424B39#464A35#4C4A30

Colorpallet from #304A4C to #4A304C and to #4A4C30
#304A4C#304A4C#304A4C#304A4C#304A4C#304A4C#304A4C
#34464C#34474B#34474B#34484A#344949#344949#344A48
#38424C#38434B#384549#384648#384846#384945#384B43
#3C3E4C#3C404A#3C4248#3C4446#3C4644#3C4842#3C4B3F
#41394C#413C49#413F46#414243#414540#41473E#414B3A
#45354C#453948#453C45#454041#45443E#45473A#454C36
#4A304C#4A3448#4A3943#4A3D3F#4A423A#4A4636#4A4C30

Colorpallet from #304A4C to #4A304C and to #4C304A
#304A4C#304A4C#304A4C#304A4C#304A4C#304A4C#304A4C
#34464C#34464C#34464C#34464C#34464C#34464C#34464C
#38424C#38424C#38424C#38424C#39424B#39424B#39424B
#3C3E4C#3C3E4C#3C3E4C#3C3E4C#3D3E4B#3D3E4B#3D3E4B
#41394C#41394C#41394C#41394C#42394B#42394B#42394B
#45354C#45354C#45354B#45354B#46354B#46354A#46354A
#4A304C#4A304C#4B304B#4B304B#4B304B#4C304A#4C304A

Colorpallet from #304A4C to #4A304C and to #4C4A30
#304A4C#304A4C#304A4C#304A4C#304A4C#304A4C#304A4C
#34464C#34474B#34474B#34484A#344949#344949#344A48
#38424C#38434B#384549#384648#394746#394845#394A43
#3C3E4C#3C404A#3C4248#3C4446#3D4644#3D4842#3D4A3F
#41394C#413C49#413E46#414143#424440#42473E#424A3A
#45354C#453848#453C45#453F41#46423E#46463A#464A36
#4A304C#4A3448#4B3843#4B3C3F#4B413A#4C4536#4C4A30

Colorpallet from #304A4C to #4A4C30 and to #4C304A
#304A4C#304A4C#304A4C#304A4C#304A4C#304A4C#304A4C
#344A48#344949#344949#34484A#34474B#34474B#34464C
#384B43#384A44#384846#384747#394548#394449#39424B
#3C4B3F#3C4941#3C4743#3C4545#3D4347#3D4149#3D3E4B
#414B3A#41483D#41453F#414242#423F45#423D48#42394B
#454C36#454839#45453C#454140#463D43#463A46#46354A
#4A4C30#4A4834#4B4338#4B3F3C#4B3A41#4C3645#4C304A

Colorpallet from #304A4C to #4A4C30 and to #4C4A30
#304A4C#304A4C#304A4C#304A4C#304A4C#304A4C#304A4C
#344A48#344A48#344A48#344A48#344A48#344A48#344A48
#384B43#384B43#384B43#384B43#394A43#394A43#394A43
#3C4B3F#3C4B3F#3C4B3F#3C4B3F#3D4A3F#3D4A3F#3D4A3F
#414B3A#414B3A#414B3A#414B3A#424A3A#424A3A#424A3A
#454C36#454C36#454B36#454B36#464B36#464A36#464A36
#4A4C30#4A4C30#4B4B30#4B4B30#4B4B30#4C4A30#4C4A30

Colorpallet from #304A4C to #4C304A and to #4C4A30
#304A4C#304A4C#304A4C#304A4C#304A4C#304A4C#304A4C
#34464C#34474B#34474B#34484A#344949#344949#344A48
#39424B#39434A#394548#394647#394746#394845#394A43
#3D3E4B#3D4049#3D4247#3D4445#3D4643#3D4841#3D4A3F
#42394B#423C48#423E46#424143#424440#42473D#424A3A
#46354A#463847#463C44#463F40#46423D#46463A#464A36
#4C304A#4C3446#4C3842#4C3C3E#4C4139#4C4535#4C4A30