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 #2F4C50 to #2F504C and to #4C2F50
#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50
#2F4D4F#304C4F#314B4F#314A4F#324950#334850#344750
#2F4D4F#304B4F#324A4F#33484F#354750#364550#384350
#2F4E4E#314B4E#33494F#36464F#38444F#3A4150#3D3E50
#2F4F4D#324B4D#35484E#38444E#3B414F#3E3D4F#423950
#2F4F4D#334B4D#36474E#3A434E#3E3E4F#413A4F#463550
#2F504C#344B4D#38454D#3D404E#423B4F#46364F#4C2F50

Colorpallet from #2F4C50 to #2F504C and to #4C502F
#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50
#2F4D4F#304D4E#314D4E#314D4D#324D4C#334D4C#344D4B
#2F4D4F#304D4D#324D4C#334D4A#354D49#364D47#384D45
#2F4E4E#314E4C#334E4A#364E47#384E45#3A4E43#3D4E40
#2F4F4D#324F4A#354F47#384F44#3B4F41#3E4F3F#424F3B
#2F4F4D#334F49#364F46#3A4F42#3E4F3E#414F3B#464F36
#2F504C#345047#385043#3D503E#425039#465035#4C502F

Colorpallet from #2F4C50 to #2F504C and to #502F4C
#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50
#2F4D4F#304C4F#314B4F#314A4F#32494F#33484F#34474F
#2F4D4F#314B4F#334A4F#34484F#36474F#38454F#3A434F
#2F4E4E#324B4E#34494E#37464E#39444E#3C414E#3F3E4E
#2F4F4D#324B4D#36484D#39444D#3C414D#403D4D#44394D
#2F4F4D#334B4D#37474D#3B434D#403E4D#443A4D#49354D
#2F504C#344B4C#3A454C#3F404C#443B4C#49364C#502F4C

Colorpallet from #2F4C50 to #2F504C and to #504C2F
#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50
#2F4D4F#304D4E#314D4E#314D4D#324C4C#334C4C#344C4B
#2F4D4F#314D4D#334D4C#344D4A#364C49#384C47#3A4C45
#2F4E4E#324E4C#344D4A#374D47#394D45#3C4C43#3F4C40
#2F4F4D#324F4A#364E47#394E44#3C4D41#404D3F#444C3B
#2F4F4D#334F49#374E46#3B4E42#404D3E#444D3B#494C36
#2F504C#344F47#3A4F43#3F4E3E#444D39#494D35#504C2F

Colorpallet from #2F4C50 to #4C2F50 and to #4C502F
#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50
#344750#34484F#34494E#344A4E#344B4D#344C4C#344D4B
#384350#38454E#38464C#38484B#384949#384B47#384D45
#3D3E50#3D414D#3D434B#3D4648#3D4846#3D4B43#3D4E40
#423950#423D4D#424049#424446#424743#424B3F#424F3B
#463550#46394C#463D48#464144#46463F#464A3B#464F36
#4C2F50#4C344B#4C3A45#4C3F40#4C443B#4C4936#4C502F

Colorpallet from #2F4C50 to #4C2F50 and to #502F4C
#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50
#344750#344750#344750#344750#34474F#34474F#34474F
#384350#384350#394350#394350#39434F#3A434F#3A434F
#3D3E50#3D3E50#3E3E4F#3E3E4F#3E3E4F#3F3E4E#3F3E4E
#423950#423950#43394F#43394F#43394E#44394E#44394D
#463550#463550#47354F#47354F#48354E#48354E#49354D
#4C2F50#4D2F4F#4D2F4F#4E2F4E#4F2F4D#4F2F4D#502F4C

Colorpallet from #2F4C50 to #4C2F50 and to #504C2F
#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50
#344750#34484F#34494E#34494E#344A4D#344B4C#344C4B
#384350#38444E#39464C#39474B#394949#3A4A47#3A4C45
#3D3E50#3D404D#3E424B#3E4548#3E4746#3F4943#3F4C40
#423950#423C4D#433F49#434246#434543#44483F#444C3B
#463550#46394C#473C48#474044#48443F#48473B#494C36
#4C2F50#4D344B#4D3845#4E3D40#4F423B#4F4636#504C2F

Colorpallet from #2F4C50 to #4C502F and to #502F4C
#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50
#344D4B#344C4C#344B4C#344A4D#34494E#34484E#34474F
#384D45#384B47#394A48#39484A#39474B#3A454D#3A434F
#3D4E40#3D4B42#3E4944#3E4647#3E4449#3F414B#3F3E4E
#424F3B#424B3E#434841#434444#434147#443D49#44394D
#464F36#464B3A#47473D#474341#483E45#483A48#49354D
#4C502F#4D4B34#4D4538#4E403D#4F3B42#4F3646#502F4C

Colorpallet from #2F4C50 to #4C502F and to #504C2F
#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50
#344D4B#344D4B#344D4B#344D4B#344C4B#344C4B#344C4B
#384D45#384D45#394D45#394D45#394C45#3A4C45#3A4C45
#3D4E40#3D4E40#3E4D40#3E4D40#3E4D40#3F4C40#3F4C40
#424F3B#424F3B#434E3B#434E3B#434D3B#444D3B#444C3B
#464F36#464F36#474E36#474E36#484D36#484D36#494C36
#4C502F#4D4F2F#4D4F2F#4E4E2F#4F4D2F#4F4D2F#504C2F

Colorpallet from #2F4C50 to #502F4C and to #504C2F
#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50#2F4C50
#34474F#34484E#34494E#34494D#344A4C#344B4C#344C4B
#3A434F#3A444D#3A464C#3A474A#3A4949#3A4A47#3A4C45
#3F3E4E#3F404C#3F424A#3F4547#3F4745#3F4943#3F4C40
#44394D#443C4A#443F47#444244#444541#44483F#444C3B
#49354D#493949#493C46#494042#49443E#49473B#494C36
#502F4C#503447#503843#503D3E#504239#504635#504C2F