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 #312C5E to #315E2C and to #2C315E
#312C5E#312C5E#312C5E#312C5E#312C5E#312C5E#312C5E
#313456#313357#313259#31315A#30305B#302E5C#302D5E
#313C4E#313A51#303853#303556#303358#2F315B#2F2E5E
#314446#31404A#303D4E#303952#303655#2F3259#2F2E5E
#314C3E#314743#304348#303E4D#2F3952#2F3558#2E2F5E
#315436#304E3C#304843#2F4349#2E3D50#2E3756#2D305E
#315E2C#305734#2F503C#2F4844#2E414C#2D3A54#2C315E

Colorpallet from #312C5E to #315E2C and to #2C5E31
#312C5E#312C5E#312C5E#312C5E#312C5E#312C5E#312C5E
#313456#313456#313456#313456#303457#303457#303457
#313C4E#313C4E#303C4F#303C4F#303C4F#2F3C50#2F3C50
#314446#314446#304447#304447#304447#2F4448#2F4448
#314C3E#314C3E#304C3F#304C3F#2F4C40#2F4C40#2E4C41
#315436#305437#305437#2F5438#2E5439#2E5439#2D543A
#315E2C#305E2D#2F5E2E#2F5E2E#2E5E2F#2D5E30#2C5E31

Colorpallet from #312C5E to #315E2C and to #5E312C
#312C5E#312C5E#312C5E#312C5E#312C5E#312C5E#312C5E
#313456#323356#333256#343156#353056#372E56#382D56
#313C4E#333A4E#35384E#38354E#3A334E#3C314E#3F2E4E
#314446#354046#383D46#3C3946#3F3646#433246#472E46
#314C3E#36473E#3A433E#3F3E3E#44393E#48353E#4E2F3E
#315436#374E36#3D4836#424336#483D36#4E3736#553036
#315E2C#38572C#3F502C#47482C#4E412C#553A2C#5E312C

Colorpallet from #312C5E to #315E2C and to #5E2C31
#312C5E#312C5E#312C5E#312C5E#312C5E#312C5E#312C5E
#313456#323356#333156#343056#352F57#372E57#382C57
#313C4E#33394E#35374F#38344F#3A324F#3C2F50#3F2C50
#314446#354046#383C47#3C3847#3F3547#433148#472C48
#314C3E#36473E#3A423F#3F3D3F#443840#483240#4E2C41
#315436#374E37#3D4737#424138#483A39#4E3439#552C3A
#315E2C#38562D#3F4E2E#47462E#4E3E2F#553630#5E2C31

Colorpallet from #312C5E to #2C315E and to #2C5E31
#312C5E#312C5E#312C5E#312C5E#312C5E#312C5E#312C5E
#302D5E#302E5D#302F5C#30305B#30315A#303358#303457
#2F2E5E#2F305C#2F325A#2F3557#2F3755#2F3953#2F3C50
#2F2E5E#2F325A#2F3557#2F3953#2F3C50#2F404C#2F4448
#2E2F5E#2E3459#2E3855#2E3D50#2E424B#2E4647#2E4C41
#2D305E#2D3658#2D3C52#2D414D#2D4747#2D4D41#2D543A
#2C315E#2C3857#2C3F50#2C4748#2C4E41#2C553A#2C5E31

Colorpallet from #312C5E to #2C315E and to #5E312C
#312C5E#312C5E#312C5E#312C5E#312C5E#312C5E#312C5E
#302D5E#312D5D#332D5B#342D5A#352D59#362D58#382D56
#2F2E5E#322E5B#342E59#372E56#392E54#3C2E51#3F2E4E
#2F2E5E#332E5A#372E56#3B2E52#3E2E4F#422E4B#472E46
#2E2F5E#332F59#382F54#3D2F4F#422F4A#482F44#4E2F3E
#2D305E#333058#3A3051#40304B#473044#4D303E#553036
#2C315E#343156#3C314E#443146#4C313E#543136#5E312C

Colorpallet from #312C5E to #2C315E and to #5E2C31
#312C5E#312C5E#312C5E#312C5E#312C5E#312C5E#312C5E
#302D5E#312D5D#332D5C#342D5B#352C5A#362C58#382C57
#2F2E5E#322E5C#342D5A#372D57#392D55#3C2C53#3F2C50
#2F2E5E#332E5A#372D57#3B2D53#3E2D50#422C4C#472C48
#2E2F5E#332F59#382E55#3D2E50#422D4B#482D47#4E2C41
#2D305E#332F58#3A2F52#402E4D#472D47#4D2D41#552C3A
#2C315E#343057#3C2F50#442F48#4C2E41#542D3A#5E2C31

Colorpallet from #312C5E to #2C5E31 and to #5E312C
#312C5E#312C5E#312C5E#312C5E#312C5E#312C5E#312C5E
#303457#313357#333257#343157#353056#362E56#382D56
#2F3C50#323A50#34384F#37354F#39334F#3C314E#3F2E4E
#2F4448#334048#373D47#3B3947#3E3647#423246#472E46
#2E4C41#334741#384340#3D3E40#42393F#48353F#4E2F3E
#2D543A#334E39#3A4839#404338#473D37#4D3737#553036
#2C5E31#345730#3C502F#44482F#4C412E#543A2D#5E312C

Colorpallet from #312C5E to #2C5E31 and to #5E2C31
#312C5E#312C5E#312C5E#312C5E#312C5E#312C5E#312C5E
#303457#313357#333157#343057#352F57#362E57#382C57
#2F3C50#323950#343750#373450#393250#3C2F50#3F2C50
#2F4448#334048#373C48#3B3848#3E3548#423148#472C48
#2E4C41#334741#384241#3D3D41#423841#483241#4E2C41
#2D543A#334E3A#3A473A#40413A#473A3A#4D343A#552C3A
#2C5E31#345631#3C4E31#444631#4C3E31#543631#5E2C31

Colorpallet from #312C5E to #5E312C and to #5E2C31
#312C5E#312C5E#312C5E#312C5E#312C5E#312C5E#312C5E
#382D56#382D56#382D56#382D56#382C57#382C57#382C57
#3F2E4E#3F2E4E#3F2D4F#3F2D4F#3F2D4F#3F2C50#3F2C50
#472E46#472E46#472D47#472D47#472D47#472C48#472C48
#4E2F3E#4E2F3E#4E2E3F#4E2E3F#4E2D40#4E2D40#4E2C41
#553036#552F37#552F37#552E38#552D39#552D39#552C3A
#5E312C#5E302D#5E2F2E#5E2F2E#5E2E2F#5E2D30#5E2C31