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 #312C47 to #31472C and to #2C3147
#312C47#312C47#312C47#312C47#312C47#312C47#312C47
#313043#313044#312F44#312F45#302E46#302E46#302D47
#31353E#31343F#303341#303242#303144#2F2F45#2F2E47
#31393A#31373C#30353E#303440#303242#2F3044#2F2E47
#313D36#313B39#30393B#30363E#2F3441#2F3244#2E2F47
#314231#303F35#303C38#2F393C#2E363F#2E3443#2D3047
#31472C#304330#2F4035#2F3C39#2E393D#2D3542#2C3147

Colorpallet from #312C47 to #31472C and to #2C4731
#312C47#312C47#312C47#312C47#312C47#312C47#312C47
#313043#313043#313043#313043#303043#303043#303043
#31353E#31353E#30353F#30353F#30353F#2F3540#2F3540
#31393A#31393A#30393B#30393B#30393B#2F393C#2F393C
#313D36#313D36#303D37#303D37#2F3D38#2F3D38#2E3D39
#314231#304232#304232#2F4233#2E4234#2E4234#2D4235
#31472C#30472D#2F472E#2F472E#2E472F#2D4730#2C4731

Colorpallet from #312C47 to #31472C and to #47312C
#312C47#312C47#312C47#312C47#312C47#312C47#312C47
#313043#323043#322F43#332F43#342E43#342E43#352D43
#31353E#32343E#33333E#34323E#35313E#372F3E#382E3E
#31393A#33373A#35353A#36343A#38323A#3A303A#3C2E3A
#313D36#333B36#353936#383636#3A3436#3C3236#3F2F36
#314231#343F31#373C31#3A3931#3D3631#3F3431#433031
#31472C#35432C#38402C#3C3C2C#3F392C#43352C#47312C

Colorpallet from #312C47 to #31472C and to #472C31
#312C47#312C47#312C47#312C47#312C47#312C47#312C47
#313043#322F43#322F43#332E43#342D43#342D43#352C43
#31353E#32343E#33323F#34313F#352F3F#372E40#382C40
#31393A#33373A#35353B#36333B#38313B#3A2F3C#3C2C3C
#313D36#333A36#353837#383537#3A3238#3C2F38#3F2C39
#314231#343E32#373B32#3A3733#3D3434#3F3034#432C35
#31472C#35432D#383E2E#3C3A2E#3F362F#433130#472C31

Colorpallet from #312C47 to #2C3147 and to #2C4731
#312C47#312C47#312C47#312C47#312C47#312C47#312C47
#302D47#302D46#302E46#302E45#302F44#302F44#303043
#2F2E47#2F2F46#2F3045#2F3144#2F3243#2F3441#2F3540
#2F2E47#2F3045#2F3243#2F3342#2F3540#2F373E#2F393C
#2E2F47#2E3145#2E3343#2E3640#2E383E#2E3A3C#2E3D39
#2D3047#2D3344#2D3641#2D393E#2D3C3B#2D3E39#2D4235
#2C3147#2C3543#2C3840#2C3C3C#2C3F39#2C4335#2C4731

Colorpallet from #312C47 to #2C3147 and to #47312C
#312C47#312C47#312C47#312C47#312C47#312C47#312C47
#302D47#312D46#322D46#322D45#332D44#342D44#352D43
#2F2E47#302E46#322E44#332E43#352E41#362E40#382E3E
#2F2E47#312E45#332E43#352E41#372E3F#392E3D#3C2E3A
#2E2F47#312F44#332F42#362F3F#392F3C#3C2F39#3F2F36
#2D3047#313043#343040#38303C#3B3039#3F3035#433031
#2C3147#303143#35313E#39313A#3D3136#423131#47312C

Colorpallet from #312C47 to #2C3147 and to #472C31
#312C47#312C47#312C47#312C47#312C47#312C47#312C47
#302D47#312D46#322D46#322D45#332C44#342C44#352C43
#2F2E47#302E46#322D45#332D44#352D43#362C41#382C40
#2F2E47#312E45#332D43#352D42#372D40#392C3E#3C2C3C
#2E2F47#312F45#332E43#362E40#392D3E#3C2D3C#3F2C39
#2D3047#312F44#342F41#382E3E#3B2D3B#3F2D39#432C35
#2C3147#303043#352F40#392F3C#3D2E39#422D35#472C31

Colorpallet from #312C47 to #2C4731 and to #47312C
#312C47#312C47#312C47#312C47#312C47#312C47#312C47
#303043#313043#322F43#322F43#332E43#342E43#352D43
#2F3540#303440#32333F#33323F#35313F#362F3E#382E3E
#2F393C#31373C#33353B#35343B#37323B#39303A#3C2E3A
#2E3D39#313B39#333938#363638#393437#3C3237#3F2F36
#2D4235#313F34#343C34#383933#3B3632#3F3432#433031
#2C4731#304330#35402F#393C2F#3D392E#42352D#47312C

Colorpallet from #312C47 to #2C4731 and to #472C31
#312C47#312C47#312C47#312C47#312C47#312C47#312C47
#303043#312F43#322F43#322E43#332D43#342D43#352C43
#2F3540#303440#323240#333140#352F40#362E40#382C40
#2F393C#31373C#33353C#35333C#37313C#392F3C#3C2C3C
#2E3D39#313A39#333839#363539#393239#3C2F39#3F2C39
#2D4235#313E35#343B35#383735#3B3435#3F3035#432C35
#2C4731#304331#353E31#393A31#3D3631#423131#472C31

Colorpallet from #312C47 to #47312C and to #472C31
#312C47#312C47#312C47#312C47#312C47#312C47#312C47
#352D43#352D43#352D43#352D43#352C43#352C43#352C43
#382E3E#382E3E#382D3F#382D3F#382D3F#382C40#382C40
#3C2E3A#3C2E3A#3C2D3B#3C2D3B#3C2D3B#3C2C3C#3C2C3C
#3F2F36#3F2F36#3F2E37#3F2E37#3F2D38#3F2D38#3F2C39
#433031#432F32#432F32#432E33#432D34#432D34#432C35
#47312C#47302D#472F2E#472F2E#472E2F#472D30#472C31