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 #2C3D5C to #2C5C3D and to #3D2C5C
#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C
#2C4257#2C4158#2D3F59#2D3E59#2E3D5A#2E3C5B#2F3A5C
#2C4752#2D4554#2E4255#2E4057#2F3D58#303B5A#31385C
#2C4C4D#2D484F#2F4552#304154#313D57#323A59#34355C
#2C5148#2E4C4B#30474E#314252#333D55#353858#37325C
#2C5643#2E5047#304A4B#33434F#353D53#373757#3A2F5C
#2C5C3D#2F5442#314D47#34454C#373D51#3A3656#3D2C5C

Colorpallet from #2C3D5C to #2C5C3D and to #3D5C2C
#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C
#2C4257#2C4257#2D4256#2D4256#2E4255#2E4255#2F4254
#2C4752#2D4751#2E4750#2E4750#2F474F#30474E#31474D
#2C4C4D#2D4C4C#2F4C4A#304C49#314C48#324C47#344C45
#2C5148#2E5146#305144#315143#335141#35513F#37513D
#2C5643#2E5641#30563F#33563D#35563B#375639#3A5636
#2C5C3D#2F5C3A#315C38#345C35#375C32#3A5C2F#3D5C2C

Colorpallet from #2C3D5C to #2C5C3D and to #5C2C3D
#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C
#2C4257#2D4157#2F3F57#303E57#313D57#323C57#343A57
#2C4752#2E4552#314252#334052#363D52#383B52#3B3852
#2C4C4D#30484D#33454D#37414D#3B3D4D#3E3A4D#43354D
#2C5148#314C48#364748#3B4248#403D48#453848#4B3248
#2C5643#325043#384A43#3E4343#443D43#4A3743#522F43
#2C5C3D#34543D#3B4D3D#43453D#4B3D3D#52363D#5C2C3D

Colorpallet from #2C3D5C to #2C5C3D and to #5C3D2C
#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C
#2C4257#2D4157#2F4056#304056#313F55#323E55#343D54
#2C4752#2E4551#314450#334250#36414F#383F4E#3B3D4D
#2C4C4D#304A4C#33474A#374549#3B4248#3E4047#433D45
#2C5148#314E46#364B44#3B4743#404441#45413F#4B3D3D
#2C5643#325241#384E3F#3E4A3D#44463B#4A4239#523D36
#2C5C3D#34573A#3B5238#434D35#4B4832#52432F#5C3D2C

Colorpallet from #2C3D5C to #3D2C5C and to #3D5C2C
#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C
#2F3A5C#2F3B5B#2F3D59#2F3E58#2F3F57#2F4056#2F4254
#31385C#313A5A#313D57#313F55#314252#314450#31474D
#34355C#343958#343C55#344051#34444D#34474A#344C45
#37325C#373757#373C52#37414D#374648#374B43#37513D
#3A2F5C#3A3556#3A3B50#3A424A#3A4844#3A4E3E#3A5636
#3D2C5C#3D3454#3D3B4D#3D4345#3D4B3D#3D5236#3D5C2C

Colorpallet from #2C3D5C to #3D2C5C and to #5C2C3D
#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C
#2F3A5C#303A5B#313A5A#313A5A#323A59#333A58#343A57
#31385C#33385A#343859#363857#373856#393854#3B3852
#34355C#36355A#393557#3B3555#3E3552#403550#43354D
#37325C#3A3259#3D3256#413252#44324F#47324C#4B3248
#3A2F5C#3E2F58#422F54#462F50#492F4C#4D2F48#522F43
#3D2C5C#422C57#472C52#4C2C4D#512C48#562C43#5C2C3D

Colorpallet from #2C3D5C to #3D2C5C and to #5C3D2C
#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C
#2F3A5C#303A5B#313B59#313B58#323C57#333C56#343D54
#31385C#33395A#343A57#363A55#373B52#393C50#3B3D4D
#34355C#363658#393855#3B3951#3E3A4D#403B4A#433D45
#37325C#3A3457#3D3652#41374D#443948#473B43#4B3D3D
#3A2F5C#3E3156#423350#46364A#493844#4D3A3E#523D36
#3D2C5C#422F54#47314D#4C3445#51373D#563A36#5C3D2C

Colorpallet from #2C3D5C to #3D5C2C and to #5C2C3D
#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C
#2F4254#304154#313F55#313E55#323D56#333C56#343A57
#31474D#33454E#34424F#36404F#373D50#393B51#3B3852
#344C45#364846#394548#3B4149#3E3D4A#403A4B#43354D
#37513D#3A4C3F#3D4741#414242#443D44#473846#4B3248
#3A5636#3E5038#424A3A#46433C#493D3E#4D3740#522F43
#3D5C2C#42542F#474D31#4C4534#513D37#56363A#5C2C3D

Colorpallet from #2C3D5C to #3D5C2C and to #5C3D2C
#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C
#2F4254#304154#314054#314054#323F54#333E54#343D54
#31474D#33454D#34444D#36424D#37414D#393F4D#3B3D4D
#344C45#364A45#394745#3B4545#3E4245#404045#433D45
#37513D#3A4E3D#3D4B3D#41473D#44443D#47413D#4B3D3D
#3A5636#3E5236#424E36#464A36#494636#4D4236#523D36
#3D5C2C#42572C#47522C#4C4D2C#51482C#56432C#5C3D2C

Colorpallet from #2C3D5C to #5C2C3D and to #5C3D2C
#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C#2C3D5C
#343A57#343A57#343B56#343B56#343C55#343C55#343D54
#3B3852#3B3951#3B3A50#3B3A50#3B3B4F#3B3C4E#3B3D4D
#43354D#43364C#43384A#433949#433A48#433B47#433D45
#4B3248#4B3446#4B3644#4B3743#4B3941#4B3B3F#4B3D3D
#522F43#523141#52333F#52363D#52383B#523A39#523D36
#5C2C3D#5C2F3A#5C3138#5C3435#5C3732#5C3A2F#5C3D2C