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 #312C4A to #314A2C and to #2C314A
#312C4A#312C4A#312C4A#312C4A#312C4A#312C4A#312C4A
#313145#313046#313047#312F47#302E48#302E49#302D4A
#313640#313542#303343#303245#303146#2F3048#2F2E4A
#313A3C#31383E#303640#303443#303245#2F3047#2F2E4A
#313F37#313C3A#303A3D#303740#2F3543#2F3246#2E2F4A
#314432#304136#303E3A#2F3A3E#2E3741#2E3445#2D304A
#314A2C#304631#2F4236#2F3E3A#2E3A3F#2D3644#2C314A

Colorpallet from #312C4A to #314A2C and to #2C4A31
#312C4A#312C4A#312C4A#312C4A#312C4A#312C4A#312C4A
#313145#313145#313145#313145#303146#303146#303146
#313640#313640#303641#303641#303641#2F3642#2F3642
#313A3C#313A3C#303A3D#303A3D#303A3D#2F3A3E#2F3A3E
#313F37#313F37#303F38#303F38#2F3F39#2F3F39#2E3F3A
#314432#304433#304433#2F4434#2E4435#2E4435#2D4436
#314A2C#304A2D#2F4A2E#2F4A2E#2E4A2F#2D4A30#2C4A31

Colorpallet from #312C4A to #314A2C and to #4A312C
#312C4A#312C4A#312C4A#312C4A#312C4A#312C4A#312C4A
#313145#323045#323045#332F45#342E45#342E45#352D45
#313640#323540#343340#353240#363140#373040#392E40
#313A3C#33383C#35363C#37343C#39323C#3B303C#3D2E3C
#313F37#343C37#363A37#393737#3B3537#3E3237#412F37
#314432#344132#373E32#3B3A32#3E3732#413432#453032
#314A2C#35462C#39422C#3D3E2C#413A2C#45362C#4A312C

Colorpallet from #312C4A to #314A2C and to #4A2C31
#312C4A#312C4A#312C4A#312C4A#312C4A#312C4A#312C4A
#313145#323045#322F45#332F45#342E46#342D46#352C46
#313640#323440#343341#353141#363041#372E42#392C42
#313A3C#33383C#35363D#37333D#39313D#3B2F3E#3D2C3E
#313F37#343C37#363938#393638#3B3339#3E3039#412C3A
#314432#344033#373C33#3B3834#3E3535#413135#452C36
#314A2C#35452D#39402E#3D3C2E#41372F#453230#4A2C31

Colorpallet from #312C4A to #2C314A and to #2C4A31
#312C4A#312C4A#312C4A#312C4A#312C4A#312C4A#312C4A
#302D4A#302E49#302E49#302F48#303047#303047#303146
#2F2E4A#2F2F49#2F3147#2F3246#2F3345#2F3444#2F3642
#2F2E4A#2F3048#2F3246#2F3444#2F3642#2F3840#2F3A3E
#2E2F4A#2E3247#2E3445#2E3742#2E3940#2E3C3D#2E3F3A
#2D304A#2D3347#2D3644#2D3A40#2D3D3D#2D403A#2D4436
#2C314A#2C3546#2C3942#2C3D3E#2C413A#2C4536#2C4A31

Colorpallet from #312C4A to #2C314A and to #4A312C
#312C4A#312C4A#312C4A#312C4A#312C4A#312C4A#312C4A
#302D4A#312D49#322D48#322D48#332D47#342D46#352D45
#2F2E4A#312E48#322E47#342E45#352E44#372E42#392E40
#2F2E4A#312E48#332E46#362E43#382E41#3A2E3F#3D2E3C
#2E2F4A#312F47#342F44#372F41#3A2F3E#3D2F3B#412F37
#2D304A#313046#353042#39303E#3C303B#403037#453032
#2C314A#313145#363140#3A313C#3F3137#443132#4A312C

Colorpallet from #312C4A to #2C314A and to #4A2C31
#312C4A#312C4A#312C4A#312C4A#312C4A#312C4A#312C4A
#302D4A#312D49#322D49#322D48#332C47#342C47#352C46
#2F2E4A#312E49#322D47#342D46#352D45#372C44#392C42
#2F2E4A#312E48#332D46#362D44#382D42#3A2C40#3D2C3E
#2E2F4A#312F47#342E45#372E42#3A2D40#3D2D3D#412C3A
#2D304A#312F47#352F44#392E40#3C2D3D#402D3A#452C36
#2C314A#313046#362F42#3A2F3E#3F2E3A#442D36#4A2C31

Colorpallet from #312C4A to #2C4A31 and to #4A312C
#312C4A#312C4A#312C4A#312C4A#312C4A#312C4A#312C4A
#303146#313046#323046#322F46#332E45#342E45#352D45
#2F3642#313542#323341#343241#353141#373040#392E40
#2F3A3E#31383E#33363D#36343D#38323D#3A303C#3D2E3C
#2E3F3A#313C3A#343A39#373739#3A3538#3D3238#412F37
#2D4436#314135#353E35#393A34#3C3733#403433#453032
#2C4A31#314630#36422F#3A3E2F#3F3A2E#44362D#4A312C

Colorpallet from #312C4A to #2C4A31 and to #4A2C31
#312C4A#312C4A#312C4A#312C4A#312C4A#312C4A#312C4A
#303146#313046#322F46#322F46#332E46#342D46#352C46
#2F3642#313442#323342#343142#353042#372E42#392C42
#2F3A3E#31383E#33363E#36333E#38313E#3A2F3E#3D2C3E
#2E3F3A#313C3A#34393A#37363A#3A333A#3D303A#412C3A
#2D4436#314036#353C36#393836#3C3536#403136#452C36
#2C4A31#314531#364031#3A3C31#3F3731#443231#4A2C31

Colorpallet from #312C4A to #4A312C and to #4A2C31
#312C4A#312C4A#312C4A#312C4A#312C4A#312C4A#312C4A
#352D45#352D45#352D45#352D45#352C46#352C46#352C46
#392E40#392E40#392D41#392D41#392D41#392C42#392C42
#3D2E3C#3D2E3C#3D2D3D#3D2D3D#3D2D3D#3D2C3E#3D2C3E
#412F37#412F37#412E38#412E38#412D39#412D39#412C3A
#453032#452F33#452F33#452E34#452D35#452D35#452C36
#4A312C#4A302D#4A2F2E#4A2F2E#4A2E2F#4A2D30#4A2C31