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 #316C44 to #31446C and to #6C3144
#316C44#316C44#316C44#316C44#316C44#316C44#316C44
#31664A#326649#346548#356547#376446#386445#3A6344
#315F51#345E4F#375D4D#3A5C4B#3D5B49#405A47#445944
#315957#355854#3A5651#3E554E#43534B#475248#4D5044
#31525E#37505A#3D4E56#434C52#494A4D#4F4849#574644
#314C64#394A5F#40475A#484555#4F4250#57404A#603D44
#31446C#3A4166#443E5F#4D3B59#573852#60354C#6C3144

Colorpallet from #316C44 to #31446C and to #6C4431
#316C44#316C44#316C44#316C44#316C44#316C44#316C44
#31664A#326649#346647#356646#376644#386643#3A6641
#315F51#345F4E#375F4B#3A5F48#3D5F45#405F42#445F3E
#315957#355953#3A594E#3E594A#435945#475941#4D593B
#31525E#375258#3D5252#43524C#495246#4F5240#575238
#314C64#394C5C#404C55#484C4D#4F4C46#574C3E#604C35
#31446C#3A4463#444459#4D4450#574446#60443D#6C4431

Colorpallet from #316C44 to #31446C and to #44316C
#316C44#316C44#316C44#316C44#316C44#316C44#316C44
#31664A#31664A#32654A#32654A#33644A#33644A#34634A
#315F51#325E51#335D51#345C51#355B51#365A51#375951
#315957#325857#345657#355557#375357#385257#3A5057
#31525E#33505E#354E5E#374C5E#394A5E#3B485E#3D465E
#314C64#334A64#364764#384564#3B4264#3D4064#403D64
#31446C#34416C#373E6C#3A3B6C#3D386C#40356C#44316C

Colorpallet from #316C44 to #31446C and to #446C31
#316C44#316C44#316C44#316C44#316C44#316C44#316C44
#31664A#316749#326847#326946#336A44#336B43#346C41
#315F51#32614E#33634B#346548#356745#366942#376C3E
#315957#325C53#345F4E#35624A#376545#386841#3A6C3B
#31525E#335658#355A52#375E4C#396346#3B6740#3D6C38
#314C64#33515C#365655#385B4D#3B6046#3D663E#406C35
#31446C#344A63#375159#3A5750#3D5E46#40643D#446C31

Colorpallet from #316C44 to #6C3144 and to #6C4431
#316C44#316C44#316C44#316C44#316C44#316C44#316C44
#3A6344#3A6344#3A6443#3A6443#3A6542#3A6542#3A6641
#445944#445A43#445B42#445C41#445D40#445E3F#445F3E
#4D5044#4D5143#4D5341#4D5440#4D563E#4D573D#4D593B
#574644#574842#574A40#574C3E#574E3C#57503A#575238
#603D44#603F42#60423F#60443D#60473A#604938#604C35
#6C3144#6C3441#6C373E#6C3A3B#6C3D38#6C4035#6C4431

Colorpallet from #316C44 to #6C3144 and to #44316C
#316C44#316C44#316C44#316C44#316C44#316C44#316C44
#3A6344#396345#386346#376347#366348#356349#34634A
#445944#425946#405948#3E594A#3C594C#3A594E#375951
#4D5044#4A5047#47504A#44504D#415050#3E5053#3A5057
#574644#534648#4F464C#4B4650#464655#424659#3D465E
#603D44#5B3D49#563D4E#513D53#4C3D58#463D5E#403D64
#6C3144#66314A#5F3151#593157#52315E#4C3164#44316C

Colorpallet from #316C44 to #6C3144 and to #446C31
#316C44#316C44#316C44#316C44#316C44#316C44#316C44
#3A6344#396444#386643#376743#366942#356A42#346C41
#445944#425C43#405F42#3E6241#3C6540#3A683F#376C3E
#4D5044#4A5443#475941#445D40#41623E#3E663D#3A6C3B
#574644#534C42#4F5240#4B583E#465E3C#42643A#3D6C38
#603D44#5B4542#564C3F#51543D#4C5B3A#466338#406C35
#6C3144#663A41#5F443E#594D3B#525738#4C6035#446C31

Colorpallet from #316C44 to #6C4431 and to #44316C
#316C44#316C44#316C44#316C44#316C44#316C44#316C44
#3A6641#396642#386544#376545#366447#356448#34634A
#445F3E#425E41#405D44#3E5C47#3C5B4A#3A5A4D#375951
#4D593B#4A583F#475644#445548#41534D#3E5251#3A5057
#575238#53503E#4F4E44#4B4C4A#464A50#424856#3D465E
#604C35#5B4A3D#564744#51454C#4C4253#46405B#403D64
#6C4431#66413A#5F3E44#593B4D#523857#4C3560#44316C

Colorpallet from #316C44 to #6C4431 and to #446C31
#316C44#316C44#316C44#316C44#316C44#316C44#316C44
#3A6641#396741#386841#376941#366A41#356B41#346C41
#445F3E#42613E#40633E#3E653E#3C673E#3A693E#376C3E
#4D593B#4A5C3B#475F3B#44623B#41653B#3E683B#3A6C3B
#575238#535638#4F5A38#4B5E38#466338#426738#3D6C38
#604C35#5B5135#565635#515B35#4C6035#466635#406C35
#6C4431#664A31#5F5131#595731#525E31#4C6431#446C31

Colorpallet from #316C44 to #44316C and to #446C31
#316C44#316C44#316C44#316C44#316C44#316C44#316C44
#34634A#346449#346647#346746#346944#346A43#346C41
#375951#375C4E#375F4B#376248#376545#376842#376C3E
#3A5057#3A5453#3A594E#3A5D4A#3A6245#3A6641#3A6C3B
#3D465E#3D4C58#3D5252#3D584C#3D5E46#3D6440#3D6C38
#403D64#40455C#404C55#40544D#405B46#40633E#406C35
#44316C#443A63#444459#444D50#445746#44603D#446C31