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 #312C48 to #31482C and to #2C3148
#312C48#312C48#312C48#312C48#312C48#312C48#312C48
#313044#313045#312F45#312F46#302E47#302E47#302D48
#31353F#313440#303342#303243#303145#2F2F46#2F2E48
#31393B#31373D#30353F#303441#303243#2F3045#2F2E48
#313E36#313C39#30393C#30373F#2F3442#2F3244#2E2F48
#314232#303F36#303C39#2F393D#2E3640#2E3444#2D3048
#31482C#304430#2F4135#2F3D39#2E393E#2D3642#2C3148

Colorpallet from #312C48 to #31482C and to #2C4831
#312C48#312C48#312C48#312C48#312C48#312C48#312C48
#313044#313044#313044#313044#303044#303044#303044
#31353F#31353F#303540#303540#303540#2F3541#2F3541
#31393B#31393B#30393C#30393C#30393C#2F393D#2F393D
#313E36#313E36#303E37#303E37#2F3E38#2F3E38#2E3E39
#314232#304233#304233#2F4234#2E4235#2E4235#2D4236
#31482C#30482D#2F482E#2F482E#2E482F#2D4830#2C4831

Colorpallet from #312C48 to #31482C and to #48312C
#312C48#312C48#312C48#312C48#312C48#312C48#312C48
#313044#323044#322F44#332F44#342E44#342E44#352D44
#31353F#32343F#33333F#34323F#35313F#372F3F#382E3F
#31393B#33373B#35353B#36343B#38323B#3A303B#3C2E3B
#313E36#333C36#363936#383736#3B3436#3D3236#402F36
#314232#343F32#373C32#3A3932#3D3632#3F3432#433032
#31482C#35442C#38412C#3C3D2C#40392C#43362C#48312C

Colorpallet from #312C48 to #31482C and to #482C31
#312C48#312C48#312C48#312C48#312C48#312C48#312C48
#313044#322F44#322F44#332E44#342D44#342D44#352C44
#31353F#32343F#333240#343140#352F40#372E41#382C41
#31393B#33373B#35353C#36333C#38313C#3A2F3D#3C2C3D
#313E36#333B36#363837#383537#3B3238#3D3038#402C39
#314232#343E33#373B33#3A3734#3D3435#3F3035#432C36
#31482C#35442D#383F2E#3C3B2E#40362F#433230#482C31

Colorpallet from #312C48 to #2C3148 and to #2C4831
#312C48#312C48#312C48#312C48#312C48#312C48#312C48
#302D48#302D47#302E47#302E46#302F45#302F45#303044
#2F2E48#2F2F47#2F3046#2F3145#2F3244#2F3442#2F3541
#2F2E48#2F3046#2F3244#2F3343#2F3541#2F373F#2F393D
#2E2F48#2E3146#2E3443#2E3641#2E393E#2E3B3C#2E3E39
#2D3048#2D3345#2D3642#2D393F#2D3C3C#2D3E3A#2D4236
#2C3148#2C3544#2C3841#2C3C3D#2C4039#2C4336#2C4831

Colorpallet from #312C48 to #2C3148 and to #48312C
#312C48#312C48#312C48#312C48#312C48#312C48#312C48
#302D48#312D47#322D47#322D46#332D45#342D45#352D44
#2F2E48#302E47#322E45#332E44#352E42#362E41#382E3F
#2F2E48#312E46#332E44#352E42#372E40#392E3E#3C2E3B
#2E2F48#312F45#342F42#372F3F#3A2F3C#3C2F3A#402F36
#2D3048#313044#343041#38303D#3B303A#3F3036#433032
#2C3148#303144#35313F#39313B#3E3136#423132#48312C

Colorpallet from #312C48 to #2C3148 and to #482C31
#312C48#312C48#312C48#312C48#312C48#312C48#312C48
#302D48#312D47#322D47#322D46#332C45#342C45#352C44
#2F2E48#302E47#322D46#332D45#352D44#362C42#382C41
#2F2E48#312E46#332D44#352D43#372D41#392C3F#3C2C3D
#2E2F48#312F46#342E43#372E41#3A2D3E#3C2D3C#402C39
#2D3048#312F45#342F42#382E3F#3B2D3C#3F2D3A#432C36
#2C3148#303044#352F41#392F3D#3E2E39#422D36#482C31

Colorpallet from #312C48 to #2C4831 and to #48312C
#312C48#312C48#312C48#312C48#312C48#312C48#312C48
#303044#313044#322F44#322F44#332E44#342E44#352D44
#2F3541#303441#323340#333240#353140#362F3F#382E3F
#2F393D#31373D#33353C#35343C#37323C#39303B#3C2E3B
#2E3E39#313C39#343938#373738#3A3437#3C3237#402F36
#2D4236#313F35#343C35#383934#3B3633#3F3433#433032
#2C4831#304430#35412F#393D2F#3E392E#42362D#48312C

Colorpallet from #312C48 to #2C4831 and to #482C31
#312C48#312C48#312C48#312C48#312C48#312C48#312C48
#303044#312F44#322F44#322E44#332D44#342D44#352C44
#2F3541#303441#323241#333141#352F41#362E41#382C41
#2F393D#31373D#33353D#35333D#37313D#392F3D#3C2C3D
#2E3E39#313B39#343839#373539#3A3239#3C3039#402C39
#2D4236#313E36#343B36#383736#3B3436#3F3036#432C36
#2C4831#304431#353F31#393B31#3E3631#423231#482C31

Colorpallet from #312C48 to #48312C and to #482C31
#312C48#312C48#312C48#312C48#312C48#312C48#312C48
#352D44#352D44#352D44#352D44#352C44#352C44#352C44
#382E3F#382E3F#382D40#382D40#382D40#382C41#382C41
#3C2E3B#3C2E3B#3C2D3C#3C2D3C#3C2D3C#3C2C3D#3C2C3D
#402F36#402F36#402E37#402E37#402D38#402D38#402C39
#433032#432F33#432F33#432E34#432D35#432D35#432C36
#48312C#48302D#482F2E#482F2E#482E2F#482D30#482C31