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 #314E4B to #314B4E and to #4E314B
#314E4B#314E4B#314E4B#314E4B#314E4B#314E4B#314E4B
#314E4B#324D4B#334C4B#334C4B#344B4B#354A4B#36494B
#314D4C#324C4C#344A4C#35494C#37484B#38474B#3A454B
#314D4C#334B4C#35494C#38474C#3A454B#3C434B#3F404B
#314C4D#34494D#37474C#3A444C#3D414C#403E4B#443B4B
#314C4D#35494D#38454C#3C424C#403F4C#433B4B#48374B
#314B4E#36474E#3A434D#3F3F4D#443A4C#48364C#4E314B

Colorpallet from #314E4B to #314B4E and to #4E4B31
#314E4B#314E4B#314E4B#314E4B#314E4B#314E4B#314E4B
#314E4B#324E4A#334E4A#334E49#344E48#354E48#364E47
#314D4C#324D4B#344D49#354D48#374D46#384D45#3A4D43
#314D4C#334D4A#354D48#384D46#3A4D44#3C4D42#3F4D3F
#314C4D#344C4A#374C47#3A4C44#3D4C41#404C3E#444C3A
#314C4D#354C49#384C46#3C4C42#404C3E#434C3B#484C36
#314B4E#364B49#3A4B45#3F4B40#444B3B#484B37#4E4B31

Colorpallet from #314E4B to #314B4E and to #4B314E
#314E4B#314E4B#314E4B#314E4B#314E4B#314E4B#314E4B
#314E4B#324D4B#324C4B#334C4B#344B4B#344A4B#35494B
#314D4C#324C4C#344A4C#35494C#36484C#37474C#39454C
#314D4C#334B4C#35494C#37474C#39454C#3B434C#3D404C
#314C4D#34494D#36474D#39444D#3C414D#3F3E4D#423B4D
#314C4D#34494D#38454D#3B424D#3E3F4D#423B4D#46374D
#314B4E#35474E#39434E#3D3F4E#423A4E#46364E#4B314E

Colorpallet from #314E4B to #314B4E and to #4B4E31
#314E4B#314E4B#314E4B#314E4B#314E4B#314E4B#314E4B
#314E4B#324E4A#324E4A#334E49#344E48#344E48#354E47
#314D4C#324D4B#344D49#354D48#364E46#374E45#394E43
#314D4C#334D4A#354D48#374D46#394E44#3B4E42#3D4E3F
#314C4D#344C4A#364D47#394D44#3C4D41#3F4E3E#424E3A
#314C4D#344C49#384D46#3B4D42#3E4D3E#424E3B#464E36
#314B4E#354B49#394C45#3D4C40#424D3B#464D37#4B4E31

Colorpallet from #314E4B to #4E314B and to #4E4B31
#314E4B#314E4B#314E4B#314E4B#314E4B#314E4B#314E4B
#36494B#364A4A#364B4A#364B49#364C48#364D48#364E47
#3A454B#3A464A#3A4848#3A4947#3A4A46#3A4B45#3A4D43
#3F404B#3F4249#3F4447#3F4645#3F4843#3F4A41#3F4D3F
#443B4B#443E48#444046#444343#444640#44493D#444C3A
#48374B#483A48#483E44#484141#48443E#48483A#484C36
#4E314B#4E3547#4E3943#4E3D3F#4E423A#4E4636#4E4B31

Colorpallet from #314E4B to #4E314B and to #4B314E
#314E4B#314E4B#314E4B#314E4B#314E4B#314E4B#314E4B
#36494B#36494B#36494B#36494B#35494B#35494B#35494B
#3A454B#3A454B#3A454B#3A454B#39454C#39454C#39454C
#3F404B#3F404B#3E404B#3E404B#3E404C#3D404C#3D404C
#443B4B#443B4B#433B4C#433B4C#433B4C#423B4D#423B4D
#48374B#48374B#47374C#47374C#47374C#46374D#46374D
#4E314B#4E314B#4D314C#4D314C#4C314D#4C314D#4B314E

Colorpallet from #314E4B to #4E314B and to #4B4E31
#314E4B#314E4B#314E4B#314E4B#314E4B#314E4B#314E4B
#36494B#364A4A#364B4A#364B49#354C48#354D48#354E47
#3A454B#3A464A#3A4848#3A4947#394B46#394C45#394E43
#3F404B#3F4249#3E4447#3E4745#3E4943#3D4B41#3D4E3F
#443B4B#443E48#434146#434443#434740#424A3D#424E3A
#48374B#483B48#473E44#474241#47463E#46493A#464E36
#4E314B#4E3647#4D3A43#4D3F3F#4C443A#4C4836#4B4E31

Colorpallet from #314E4B to #4E4B31 and to #4B314E
#314E4B#314E4B#314E4B#314E4B#314E4B#314E4B#314E4B
#364E47#364D48#364C48#364C49#354B4A#354A4A#35494B
#3A4D43#3A4C44#3A4A46#3A4947#394849#39474A#39454C
#3F4D3F#3F4B41#3E4943#3E4745#3E4547#3D4349#3D404C
#444C3A#44493D#434740#434443#434146#423E49#423B4D
#484C36#48493A#47453D#474241#473F45#463B48#46374D
#4E4B31#4E4736#4D433A#4D3F3F#4C3A44#4C3648#4B314E

Colorpallet from #314E4B to #4E4B31 and to #4B4E31
#314E4B#314E4B#314E4B#314E4B#314E4B#314E4B#314E4B
#364E47#364E47#364E47#364E47#354E47#354E47#354E47
#3A4D43#3A4D43#3A4D43#3A4D43#394E43#394E43#394E43
#3F4D3F#3F4D3F#3E4D3F#3E4D3F#3E4E3F#3D4E3F#3D4E3F
#444C3A#444C3A#434D3A#434D3A#434D3A#424E3A#424E3A
#484C36#484C36#474D36#474D36#474D36#464E36#464E36
#4E4B31#4E4B31#4D4C31#4D4C31#4C4D31#4C4D31#4B4E31

Colorpallet from #314E4B to #4B314E and to #4B4E31
#314E4B#314E4B#314E4B#314E4B#314E4B#314E4B#314E4B
#35494B#354A4A#354B4A#354B49#354C48#354D48#354E47
#39454C#39464B#394849#394948#394B46#394C45#394E43
#3D404C#3D424A#3D4448#3D4746#3D4944#3D4B42#3D4E3F
#423B4D#423E4A#424147#424444#424741#424A3E#424E3A
#46374D#463B49#463E46#464242#46463E#46493B#464E36
#4B314E#4B3649#4B3A45#4B3F40#4B443B#4B4837#4B4E31