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 #314D6A to #316A4D and to #4D316A
#314D6A#314D6A#314D6A#314D6A#314D6A#314D6A#314D6A
#315265#325166#324F67#334E67#344C68#344B69#35496A
#315661#325362#345064#354D65#374A67#384868#3A446A
#315B5C#33575E#355260#374E63#394A65#3B4567#3E406A
#316057#345A5A#37545D#3A4E60#3D4863#3F4266#433B6A
#316453#355D57#38565A#3C4E5E#3F4762#434065#47376A
#316A4D#356152#3A5856#3E4F5B#434660#473C64#4D316A

Colorpallet from #314D6A to #316A4D and to #4D6A31
#314D6A#314D6A#314D6A#314D6A#314D6A#314D6A#314D6A
#315265#325264#325264#335263#345262#345262#355261
#315661#325660#34565E#35565D#37565B#38565A#3A5658
#315B5C#335B5A#355B58#375B56#395B54#3B5B52#3E5B4F
#316057#346054#376052#3A604F#3D604C#3F6049#436046
#316453#35644F#38644C#3C6448#3F6444#436441#47643C
#316A4D#356A49#3A6A44#3E6A40#436A3B#476A37#4D6A31

Colorpallet from #314D6A to #316A4D and to #6A314D
#314D6A#314D6A#314D6A#314D6A#314D6A#314D6A#314D6A
#315265#325165#344F65#354E65#374C65#384B65#3A4965
#315661#345361#375061#3A4D61#3D4A61#3F4861#434461
#315B5C#35575C#3A525C#3E4E5C#424A5C#47455C#4C405C
#316057#375A57#3D5457#424E57#484857#4E4257#553B57
#316453#385D53#405653#474E53#4E4753#564053#5F3753
#316A4D#3A614D#43584D#4C4F4D#55464D#5F3C4D#6A314D

Colorpallet from #314D6A to #316A4D and to #6A4D31
#314D6A#314D6A#314D6A#314D6A#314D6A#314D6A#314D6A
#315265#325164#345064#355063#374F62#384E62#3A4D61
#315661#345560#37535E#3A525D#3D505B#3F4F5A#434D58
#315B5C#35595A#3A5758#3E5456#425254#475052#4C4D4F
#316057#375D54#3D5A52#42574F#48544C#4E5149#554D46
#316453#38604F#405D4C#475948#4E5544#565241#5F4D3C
#316A4D#3A6549#436144#4C5C40#55573B#5F5337#6A4D31

Colorpallet from #314D6A to #4D316A and to #4D6A31
#314D6A#314D6A#314D6A#314D6A#314D6A#314D6A#314D6A
#35496A#354A69#354C67#354D66#354F64#355063#355261
#3A446A#3A4767#3A4A64#3A4D61#3A505E#3A525C#3A5658
#3E406A#3E4466#3E4961#3E4D5D#3E5159#3E5654#3E5B4F
#433B6A#434164#43475E#434D59#435353#43594D#436046
#47376A#473E63#47455B#474D54#47544D#475B45#47643C
#4D316A#4D3A61#4D4358#4D4C4F#4D5546#4D5F3C#4D6A31

Colorpallet from #314D6A to #4D316A and to #6A314D
#314D6A#314D6A#314D6A#314D6A#314D6A#314D6A#314D6A
#35496A#364969#374968#374968#384967#394966#3A4965
#3A446A#3B4469#3D4467#3E4466#404464#414463#434461
#3E406A#404068#424066#454063#474061#49405F#4C405C
#433B6A#463B67#493B64#4C3B61#4F3B5E#513B5B#553B57
#47376A#4B3766#4F3763#53375F#56375B#5A3758#5F3753
#4D316A#523165#563161#5B315C#603157#643153#6A314D

Colorpallet from #314D6A to #4D316A and to #6A4D31
#314D6A#314D6A#314D6A#314D6A#314D6A#314D6A#314D6A
#35496A#364A69#374A67#374B66#384C64#394C63#3A4D61
#3A446A#3B4567#3D4764#3E4861#404A5E#414B5C#434D58
#3E406A#404266#424461#45465D#474859#494A54#4C4D4F
#433B6A#463E64#49415E#4C4459#4F4753#51494D#554D46
#47376A#4B3B63#4F3E5B#534254#56454D#5A4945#5F4D3C
#4D316A#523561#563A58#5B3E4F#604346#64473C#6A4D31

Colorpallet from #314D6A to #4D6A31 and to #6A314D
#314D6A#314D6A#314D6A#314D6A#314D6A#314D6A#314D6A
#355261#365162#374F62#374E63#384C64#394B64#3A4965
#3A5658#3B5359#3D505B#3E4D5C#404A5E#41485F#434461
#3E5B4F#405751#425253#454E55#474A57#494559#4C405C
#436046#465A49#49544B#4C4E4E#4F4851#514254#553B57
#47643C#4B5D40#4F5643#534E47#56474B#5A404E#5F3753
#4D6A31#526135#56583A#5B4F3E#604643#643C47#6A314D

Colorpallet from #314D6A to #4D6A31 and to #6A4D31
#314D6A#314D6A#314D6A#314D6A#314D6A#314D6A#314D6A
#355261#365161#375061#375061#384F61#394E61#3A4D61
#3A5658#3B5558#3D5358#3E5258#405058#414F58#434D58
#3E5B4F#40594F#42574F#45544F#47524F#49504F#4C4D4F
#436046#465D46#495A46#4C5746#4F5446#515146#554D46
#47643C#4B603C#4F5D3C#53593C#56553C#5A523C#5F4D3C
#4D6A31#526531#566131#5B5C31#605731#645331#6A4D31

Colorpallet from #314D6A to #6A314D and to #6A4D31
#314D6A#314D6A#314D6A#314D6A#314D6A#314D6A#314D6A
#3A4965#3A4A64#3A4A64#3A4B63#3A4C62#3A4C62#3A4D61
#434461#434560#43475E#43485D#434A5B#434B5A#434D58
#4C405C#4C425A#4C4458#4C4656#4C4854#4C4A52#4C4D4F
#553B57#553E54#554152#55444F#55474C#554949#554D46
#5F3753#5F3B4F#5F3E4C#5F4248#5F4544#5F4941#5F4D3C
#6A314D#6A3549#6A3A44#6A3E40#6A433B#6A4737#6A4D31