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 #3B3674 to #3B7436 and to #363B74
#3B3674#3B3674#3B3674#3B3674#3B3674#3B3674#3B3674
#3B406A#3B3F6C#3B3D6D#3B3C6F#3A3A70#3A3972#3A3774
#3B4A60#3B4763#3A4466#3A416A#3A3E6D#393C70#393874
#3B5456#3B505B#3A4B60#3A4764#3A4269#393E6E#393874
#3B5E4C#3B5852#3A5259#3A4C5F#394666#39406C#383974
#3B6842#3A614A#3A5952#39525A#384B62#38436A#373A74
#3B7436#3A6B40#39624A#395954#38505E#374668#363B74

Colorpallet from #3B3674 to #3B7436 and to #36743B
#3B3674#3B3674#3B3674#3B3674#3B3674#3B3674#3B3674
#3B406A#3B406A#3B406A#3B406A#3A406B#3A406B#3A406B
#3B4A60#3B4A60#3A4A61#3A4A61#3A4A61#394A62#394A62
#3B5456#3B5456#3A5457#3A5457#3A5458#395458#395459
#3B5E4C#3B5E4D#3A5E4D#3A5E4E#395E4F#395E4F#385E50
#3B6842#3A6843#3A6843#396844#386845#386845#376846
#3B7436#3A7437#397438#397438#387439#37743A#36743B

Colorpallet from #3B3674 to #3B7436 and to #743B36
#3B3674#3B3674#3B3674#3B3674#3B3674#3B3674#3B3674
#3B406A#3C3F6A#3E3D6A#3F3C6A#413A6A#42396A#44376A
#3B4A60#3E4760#414460#444160#473E60#493C60#4D3860
#3B5456#3F5056#444B56#484756#4C4256#513E56#563856
#3B5E4C#41584C#47524C#4C4C4C#52464C#58404C#5F394C
#3B6842#426142#4A5942#515242#584B42#604342#693A42
#3B7436#446B36#4D6236#565936#5F5036#694636#743B36

Colorpallet from #3B3674 to #3B7436 and to #74363B
#3B3674#3B3674#3B3674#3B3674#3B3674#3B3674#3B3674
#3B406A#3C3E6A#3E3D6A#3F3B6A#413A6B#42386B#44366B
#3B4A60#3E4760#414461#444061#473D61#493A62#4D3662
#3B5456#3F4F56#444A57#484657#4C4158#513C58#563659
#3B5E4C#41584D#47514D#4C4B4E#52444F#583E4F#5F3650
#3B6842#426043#4A5843#515044#584845#604045#693646
#3B7436#446A37#4D6038#565638#5F4C39#69423A#74363B

Colorpallet from #3B3674 to #363B74 and to #36743B
#3B3674#3B3674#3B3674#3B3674#3B3674#3B3674#3B3674
#3A3774#3A3873#3A3A71#3A3B70#3A3D6E#3A3E6D#3A406B
#393874#393B71#393E6E#39416B#394468#394666#394A62
#393874#393C70#39416B#394567#394A63#394E5E#395459
#383974#383F6E#384568#384B63#38515D#385757#385E50
#373A74#37416D#374965#37505E#375757#375F4F#376846
#363B74#36446B#364D62#365659#365F50#366946#36743B

Colorpallet from #3B3674 to #363B74 and to #743B36
#3B3674#3B3674#3B3674#3B3674#3B3674#3B3674#3B3674
#3A3774#3C3772#3D3771#3F376F#40376E#42376C#44376A
#393874#3C3871#3F386E#43386A#463867#493864#4D3860
#393874#3E386F#42386A#473866#4C3861#50385C#563856
#383974#3E396E#443967#4B3961#51395A#573954#5F394C
#373A74#3F3A6C#473A64#4F3A5C#573A54#5F3A4C#693A42
#363B74#403B6A#4A3B60#543B56#5E3B4C#683B42#743B36

Colorpallet from #3B3674 to #363B74 and to #74363B
#3B3674#3B3674#3B3674#3B3674#3B3674#3B3674#3B3674
#3A3774#3C3773#3D3771#3F3770#40366E#42366D#44366B
#393874#3C3871#3F376E#43376B#463768#493666#4D3662
#393874#3E3870#42376B#473767#4C3763#50365E#563659
#383974#3E396E#443868#4B3863#51375D#573757#5F3650
#373A74#3F396D#473965#4F385E#573757#5F374F#693646
#363B74#403A6B#4A3962#543959#5E3850#683746#74363B

Colorpallet from #3B3674 to #36743B and to #743B36
#3B3674#3B3674#3B3674#3B3674#3B3674#3B3674#3B3674
#3A406B#3C3F6B#3D3D6B#3F3C6B#403A6A#42396A#44376A
#394A62#3C4762#3F4461#434161#463E61#493C60#4D3860
#395459#3E5059#424B58#474758#4C4257#503E57#563856
#385E50#3E584F#44524F#4B4C4E#51464D#57404D#5F394C
#376846#3F6145#475945#4F5244#574B43#5F4343#693A42
#36743B#406B3A#4A6239#545939#5E5038#684637#743B36

Colorpallet from #3B3674 to #36743B and to #74363B
#3B3674#3B3674#3B3674#3B3674#3B3674#3B3674#3B3674
#3A406B#3C3E6B#3D3D6B#3F3B6B#403A6B#42386B#44366B
#394A62#3C4762#3F4462#434062#463D62#493A62#4D3662
#395459#3E4F59#424A59#474659#4C4159#503C59#563659
#385E50#3E5850#445150#4B4B50#514450#573E50#5F3650
#376846#3F6046#475846#4F5046#574846#5F4046#693646
#36743B#406A3B#4A603B#54563B#5E4C3B#68423B#74363B

Colorpallet from #3B3674 to #743B36 and to #74363B
#3B3674#3B3674#3B3674#3B3674#3B3674#3B3674#3B3674
#44376A#44376A#44376A#44376A#44366B#44366B#44366B
#4D3860#4D3860#4D3761#4D3761#4D3761#4D3662#4D3662
#563856#563856#563757#563757#563758#563658#563659
#5F394C#5F394D#5F384D#5F384E#5F374F#5F374F#5F3650
#693A42#693943#693943#693844#693745#693745#693646
#743B36#743A37#743938#743938#743839#74373A#74363B