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 #2F4C6A to #2F6A4C and to #4C2F6A
#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A
#2F5165#304F66#314E67#314C67#324B68#334969#34476A
#2F5660#305362#325063#334D65#354A66#364768#38436A
#2F5A5C#31565E#335160#364D63#384865#3A4467#3D3E6A
#2F5F57#32595A#35535D#384D60#3B4763#3E4166#42396A
#2F6452#335C56#36555A#3A4D5E#3E4661#413E65#46356A
#2F6A4C#346151#385756#3D4E5A#42445F#463B64#4C2F6A

Colorpallet from #2F4C6A to #2F6A4C and to #4C6A2F
#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A
#2F5165#305164#315164#315163#325162#335162#345161
#2F5660#30565F#32565D#33565C#35565A#365659#385657
#2F5A5C#315A5A#335A58#365A55#385A53#3A5A51#3D5A4E
#2F5F57#325F54#355F51#385F4E#3B5F4B#3E5F48#425F44
#2F6452#33644E#36644B#3A6447#3E6443#416440#46643B
#2F6A4C#346A47#386A43#3D6A3E#426A39#466A35#4C6A2F

Colorpallet from #2F4C6A to #2F6A4C and to #6A2F4C
#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A
#2F5165#304F65#324E65#334C65#354B65#364965#384765
#2F5660#325360#355060#384D60#3B4A60#3E4760#424360
#2F5A5C#33565C#38515C#3C4D5C#41485C#45445C#4B3E5C
#2F5F57#355957#3B5357#414D57#474757#4D4157#553957
#2F6452#375C52#3E5552#464D52#4D4652#553E52#5E3552
#2F6A4C#38614C#42574C#4B4E4C#55444C#5E3B4C#6A2F4C

Colorpallet from #2F4C6A to #2F6A4C and to #6A4C2F
#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A
#2F5165#305064#324F64#334F63#354E62#364D62#384C61
#2F5660#32545F#35535D#38515C#3B505A#3E4E59#424C57
#2F5A5C#33585A#385658#3C5355#415153#454F51#4B4C4E
#2F5F57#355C54#3B5951#41564E#47534B#4D5048#554C44
#2F6452#37604E#3E5C4B#465847#4D5543#555140#5E4C3B
#2F6A4C#386547#426043#4B5C3E#555739#5E5235#6A4C2F

Colorpallet from #2F4C6A to #4C2F6A and to #4C6A2F
#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A
#34476A#344969#344A67#344C66#344D64#344F63#345161
#38436A#384667#384964#384C61#384F5E#38525B#385657
#3D3E6A#3D4266#3D4761#3D4B5D#3D5058#3D5454#3D5A4E
#42396A#423F64#42455E#424B58#425152#42574C#425F44
#46356A#463D62#46445B#464C53#46534C#465B44#46643B
#4C2F6A#4C3861#4C4257#4C4B4E#4C5544#4C5E3B#4C6A2F

Colorpallet from #2F4C6A to #4C2F6A and to #6A2F4C
#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A
#34476A#354769#354768#364768#374767#374766#384765
#38436A#3A4368#3B4367#3D4365#3E4364#404362#424360
#3D3E6A#3F3E68#413E66#443E63#463E61#483E5F#4B3E5C
#42396A#453967#483964#4B3961#4E395E#51395B#553957
#46356A#4A3566#4E3562#52355E#55355B#593557#5E3552
#4C2F6A#512F65#562F60#5A2F5C#5F2F57#642F52#6A2F4C

Colorpallet from #2F4C6A to #4C2F6A and to #6A4C2F
#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A
#34476A#354869#354967#364966#374A64#374B63#384C61
#38436A#3A4467#3B4664#3D4761#3E495E#404A5B#424C57
#3D3E6A#3F4066#414261#44455D#464758#484954#4B4C4E
#42396A#453C64#483F5E#4B4258#4E4552#51484C#554C44
#46356A#4A3962#4E3C5B#524053#55444C#594744#5E4C3B
#4C2F6A#513461#563857#5A3D4E#5F4244#64463B#6A4C2F

Colorpallet from #2F4C6A to #4C6A2F and to #6A2F4C
#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A
#345161#354F62#354E62#364C63#374B64#374964#384765
#385657#3A5358#3B505A#3D4D5B#3E4A5D#40475E#424360
#3D5A4E#3F5650#415152#444D55#464857#484459#4B3E5C
#425F44#455947#48534A#4B4D4D#4E4750#514153#553957
#46643B#4A5C3F#4E5542#524D46#55464A#593E4D#5E3552
#4C6A2F#516134#565738#5A4E3D#5F4442#643B46#6A2F4C

Colorpallet from #2F4C6A to #4C6A2F and to #6A4C2F
#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A
#345161#355061#354F61#364F61#374E61#374D61#384C61
#385657#3A5457#3B5357#3D5157#3E5057#404E57#424C57
#3D5A4E#3F584E#41564E#44534E#46514E#484F4E#4B4C4E
#425F44#455C44#485944#4B5644#4E5344#515044#554C44
#46643B#4A603B#4E5C3B#52583B#55553B#59513B#5E4C3B
#4C6A2F#51652F#56602F#5A5C2F#5F572F#64522F#6A4C2F

Colorpallet from #2F4C6A to #6A2F4C and to #6A4C2F
#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A#2F4C6A
#384765#384864#384964#384963#384A62#384B62#384C61
#424360#42445F#42465D#42475C#42495A#424A59#424C57
#4B3E5C#4B405A#4B4258#4B4555#4B4753#4B4951#4B4C4E
#553957#553C54#553F51#55424E#55454B#554848#554C44
#5E3552#5E394E#5E3C4B#5E4047#5E4443#5E4740#5E4C3B
#6A2F4C#6A3447#6A3843#6A3D3E#6A4239#6A4635#6A4C2F