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 #3B4D6A to #3B6A4D and to #4D3B6A
#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A
#3B5265#3B5166#3C4F67#3C4E67#3D4D68#3D4C69#3E4A6A
#3B5661#3C5462#3D5164#3E4F65#3F4C67#404A68#41476A
#3B5B5C#3C575E#3E5460#3F5063#414C65#424967#44446A
#3B6057#3D5B5A#3F565D#415160#434C63#454766#47416A
#3B6453#3D5E57#3F585A#42525E#444C62#464665#493F6A
#3B6A4D#3E6252#415B56#44535B#474C60#494464#4D3B6A

Colorpallet from #3B4D6A to #3B6A4D and to #4D6A3B
#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A
#3B5265#3B5265#3C5264#3C5264#3D5263#3D5263#3E5262
#3B5661#3C5660#3D565F#3E565E#3F565D#40565C#41565B
#3B5B5C#3C5B5B#3E5B59#3F5B58#415B56#425B55#445B53
#3B6057#3D6055#3F6053#416052#436050#45604E#47604C
#3B6453#3D6451#3F644E#42644C#446449#466447#496444
#3B6A4D#3E6A4A#416A47#446A44#476A41#496A3F#4D6A3B

Colorpallet from #3B4D6A to #3B6A4D and to #6A3B4D
#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A
#3B5265#3C5165#3E4F65#3F4E65#404D65#414C65#434A65
#3B5661#3D5461#405161#424F61#454C61#474A61#4A4761
#3B5B5C#3F575C#42545C#46505C#4A4C5C#4D495C#52445C
#3B6057#405B57#455657#495157#4E4C57#534757#594157
#3B6453#415E53#475853#4D5253#534C53#594653#613F53
#3B6A4D#43624D#4A5B4D#52534D#594C4D#61444D#6A3B4D

Colorpallet from #3B4D6A to #3B6A4D and to #6A4D3B
#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A
#3B5265#3C5165#3E5064#3F5064#404F63#414E63#434D62
#3B5661#3D5560#40535F#42525E#45505D#474F5C#4A4D5B
#3B5B5C#3F595B#425759#465458#4A5256#4D5055#524D53
#3B6057#405D55#455A53#495752#4E5450#53514E#594D4C
#3B6453#416051#475D4E#4D594C#535549#595247#614D44
#3B6A4D#43654A#4A6147#525C44#595741#61533F#6A4D3B

Colorpallet from #3B4D6A to #4D3B6A and to #4D6A3B
#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A
#3E4A6A#3E4B69#3E4D67#3E4E66#3E4F65#3E5064#3E5262
#41476A#414968#414C65#414E63#415160#41535E#41565B
#44446A#444866#444B63#444F5F#44535B#445658#445B53
#47416A#474665#474B60#47505C#475557#475A52#47604C
#493F6A#494564#494B5E#495158#495752#495D4C#496444
#4D3B6A#4D4362#4D4A5B#4D5253#4D594C#4D6144#4D6A3B

Colorpallet from #3B4D6A to #4D3B6A and to #6A3B4D
#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A
#3E4A6A#3F4A69#404A68#404A68#414A67#424A66#434A65
#41476A#424769#444767#454766#474764#484763#4A4761
#44446A#464468#484466#4B4463#4D4461#4F445F#52445C
#47416A#4A4167#4D4164#504161#53415E#55415B#594157
#493F6A#4D3F66#513F63#553F5F#583F5B#5C3F58#613F53
#4D3B6A#523B65#563B61#5B3B5C#603B57#643B53#6A3B4D

Colorpallet from #3B4D6A to #4D3B6A and to #6A4D3B
#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A
#3E4A6A#3F4A69#404B67#404B66#414C65#424C64#434D62
#41476A#424868#444965#454A63#474B60#484C5E#4A4D5B
#44446A#464566#484763#4B485F#4D4A5B#4F4B58#524D53
#47416A#4A4365#4D4560#50475C#534957#554B52#594D4C
#493F6A#4D4164#51435E#554658#584852#5C4A4C#614D44
#4D3B6A#523E62#56415B#5B4453#60474C#644944#6A4D3B

Colorpallet from #3B4D6A to #4D6A3B and to #6A3B4D
#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A
#3E5262#3F5162#404F63#404E63#414D64#424C64#434A65
#41565B#42545C#44515D#454F5E#474C5F#484A60#4A4761
#445B53#465754#485456#4B5057#4D4C59#4F495A#52445C
#47604C#4A5B4E#4D5650#505151#534C53#554755#594157
#496444#4D5E46#515849#55524B#584C4E#5C4650#613F53
#4D6A3B#52623E#565B41#5B5344#604C47#644449#6A3B4D

Colorpallet from #3B4D6A to #4D6A3B and to #6A4D3B
#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A
#3E5262#3F5162#405062#405062#414F62#424E62#434D62
#41565B#42555B#44535B#45525B#47505B#484F5B#4A4D5B
#445B53#465953#485753#4B5453#4D5253#4F5053#524D53
#47604C#4A5D4C#4D5A4C#50574C#53544C#55514C#594D4C
#496444#4D6044#515D44#555944#585544#5C5244#614D44
#4D6A3B#52653B#56613B#5B5C3B#60573B#64533B#6A4D3B

Colorpallet from #3B4D6A to #6A3B4D and to #6A4D3B
#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A#3B4D6A
#434A65#434A65#434B64#434B64#434C63#434C63#434D62
#4A4761#4A4860#4A495F#4A4A5E#4A4B5D#4A4C5C#4A4D5B
#52445C#52455B#524759#524858#524A56#524B55#524D53
#594157#594355#594553#594752#594950#594B4E#594D4C
#613F53#614151#61434E#61464C#614849#614A47#614D44
#6A3B4D#6A3E4A#6A4147#6A4444#6A4741#6A493F#6A4D3B