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 #312C5A to #315A2C and to #2C315A
#312C5A#312C5A#312C5A#312C5A#312C5A#312C5A#312C5A
#313353#313254#313155#313056#302F57#302E59#302D5A
#313B4B#31394D#303750#303552#303355#2F3157#2F2E5A
#314244#313F48#303C4B#30384F#303552#2F3256#2F2E5A
#31493D#314542#304146#303D4B#2F3850#2F3454#2E2F5A
#315135#304C3B#304641#2F4147#2E3C4D#2E3753#2D305A
#315A2C#305333#2F4D3B#2F4642#2E4049#2D3951#2C315A

Colorpallet from #312C5A to #315A2C and to #2C5A31
#312C5A#312C5A#312C5A#312C5A#312C5A#312C5A#312C5A
#313353#313353#313353#313353#303353#303353#303353
#313B4B#313B4B#303B4C#303B4C#303B4C#2F3B4D#2F3B4D
#314244#314244#304245#304245#304245#2F4246#2F4246
#31493D#31493D#30493E#30493E#2F493F#2F493F#2E4940
#315135#305136#305136#2F5137#2E5138#2E5138#2D5139
#315A2C#305A2D#2F5A2E#2F5A2E#2E5A2F#2D5A30#2C5A31

Colorpallet from #312C5A to #315A2C and to #5A312C
#312C5A#312C5A#312C5A#312C5A#312C5A#312C5A#312C5A
#313353#323253#333153#343053#352F53#372E53#382D53
#313B4B#33394B#35374B#37354B#39334B#3B314B#3E2E4B
#314244#343F44#373C44#3B3844#3E3544#413244#452E44
#31493D#35453D#39413D#3D3D3D#42383D#46343D#4B2F3D
#315135#364C35#3C4635#414135#463C35#4B3735#523035
#315A2C#38532C#3E4D2C#45462C#4B402C#52392C#5A312C

Colorpallet from #312C5A to #315A2C and to #5A2C31
#312C5A#312C5A#312C5A#312C5A#312C5A#312C5A#312C5A
#313353#323253#333153#343053#352F53#372D53#382C53
#313B4B#33394B#35364C#37344C#39314C#3B2F4D#3E2C4D
#314244#343E44#373B45#3B3745#3E3445#413046#452C46
#31493D#35443D#39403E#3D3B3E#42363F#46323F#4B2C40
#315135#364B36#3C4536#413F37#463938#4B3338#522C39
#315A2C#38532D#3E4B2E#45442E#4B3D2F#523530#5A2C31

Colorpallet from #312C5A to #2C315A and to #2C5A31
#312C5A#312C5A#312C5A#312C5A#312C5A#312C5A#312C5A
#302D5A#302E59#302F58#303057#303156#303254#303353
#2F2E5A#2F3058#2F3256#2F3454#2F3652#2F3850#2F3B4D
#2F2E5A#2F3157#2F3454#2F3850#2F3B4D#2F3E4A#2F4246
#2E2F5A#2E3356#2E3752#2E3B4E#2E4049#2E4445#2E4940
#2D305A#2D3555#2D3B4F#2D404A#2D4545#2D4A40#2D5139
#2C315A#2C3853#2C3E4D#2C4546#2C4B40#2C5239#2C5A31

Colorpallet from #312C5A to #2C315A and to #5A312C
#312C5A#312C5A#312C5A#312C5A#312C5A#312C5A#312C5A
#302D5A#312D59#332D58#342D57#352D56#362D54#382D53
#2F2E5A#312E58#342E55#362E53#392E50#3B2E4E#3E2E4B
#2F2E5A#332E56#362E53#3A2E4F#3D2E4C#412E48#452E44
#2E2F5A#332F55#372F51#3C2F4C#412F47#452F43#4B2F3D
#2D305A#333054#39304E#3F3048#453042#4B303C#523035
#2C315A#333153#3B314B#423144#49313D#513135#5A312C

Colorpallet from #312C5A to #2C315A and to #5A2C31
#312C5A#312C5A#312C5A#312C5A#312C5A#312C5A#312C5A
#302D5A#312D59#332D58#342D57#352C56#362C54#382C53
#2F2E5A#312E58#342D56#362D54#392D52#3B2C50#3E2C4D
#2F2E5A#332E57#362D54#3A2D50#3D2D4D#412C4A#452C46
#2E2F5A#332F56#372E52#3C2E4E#412D49#452D45#4B2C40
#2D305A#332F55#392F4F#3F2E4A#452D45#4B2D40#522C39
#2C315A#333053#3B2F4D#422F46#492E40#512D39#5A2C31

Colorpallet from #312C5A to #2C5A31 and to #5A312C
#312C5A#312C5A#312C5A#312C5A#312C5A#312C5A#312C5A
#303353#313253#333153#343053#352F53#362E53#382D53
#2F3B4D#31394D#34374C#36354C#39334C#3B314B#3E2E4B
#2F4246#333F46#363C45#3A3845#3D3545#413244#452E44
#2E4940#334540#37413F#3C3D3F#41383E#45343E#4B2F3D
#2D5139#334C38#394638#3F4137#453C36#4B3736#523035
#2C5A31#335330#3B4D2F#42462F#49402E#51392D#5A312C

Colorpallet from #312C5A to #2C5A31 and to #5A2C31
#312C5A#312C5A#312C5A#312C5A#312C5A#312C5A#312C5A
#303353#313253#333153#343053#352F53#362D53#382C53
#2F3B4D#31394D#34364D#36344D#39314D#3B2F4D#3E2C4D
#2F4246#333E46#363B46#3A3746#3D3446#413046#452C46
#2E4940#334440#374040#3C3B40#413640#453240#4B2C40
#2D5139#334B39#394539#3F3F39#453939#4B3339#522C39
#2C5A31#335331#3B4B31#424431#493D31#513531#5A2C31

Colorpallet from #312C5A to #5A312C and to #5A2C31
#312C5A#312C5A#312C5A#312C5A#312C5A#312C5A#312C5A
#382D53#382D53#382D53#382D53#382C53#382C53#382C53
#3E2E4B#3E2E4B#3E2D4C#3E2D4C#3E2D4C#3E2C4D#3E2C4D
#452E44#452E44#452D45#452D45#452D45#452C46#452C46
#4B2F3D#4B2F3D#4B2E3E#4B2E3E#4B2D3F#4B2D3F#4B2C40
#523035#522F36#522F36#522E37#522D38#522D38#522C39
#5A312C#5A302D#5A2F2E#5A2F2E#5A2E2F#5A2D30#5A2C31