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 #312B4C to #314C2B and to #2B314C
#312B4C#312B4C#312B4C#312B4C#312B4C#312B4C#312B4C
#313047#312F48#312F49#312E49#302D4A#302D4B#302C4C
#313641#313543#303345#303246#303048#2F2F4A#2F2D4C
#313B3C#31393F#303741#303544#2F3346#2F3149#2E2E4C
#314037#303D3A#303B3E#2F3841#2E3544#2E3248#2D2F4C
#314532#304236#2F3E3A#2F3B3E#2E3843#2D3447#2C304C
#314C2B#304830#2F4336#2E3F3B#2D3B40#2C3645#2B314C

Colorpallet from #312B4C to #314C2B and to #2B4C31
#312B4C#312B4C#312B4C#312B4C#312B4C#312B4C#312B4C
#313047#313047#313047#313047#303048#303048#303048
#313641#313641#303642#303642#303642#2F3643#2F3643
#313B3C#313B3C#303B3D#303B3D#2F3B3E#2F3B3E#2E3B3F
#314037#304038#304038#2F4039#2E403A#2E403A#2D403B
#314532#304533#2F4533#2F4534#2E4535#2D4535#2C4536
#314C2B#304C2C#2F4C2D#2E4C2E#2D4C2F#2C4C30#2B4C31

Colorpallet from #312B4C to #314C2B and to #4C312B
#312B4C#312B4C#312B4C#312B4C#312B4C#312B4C#312B4C
#313047#322F47#322F47#332E47#342D47#342D47#352C47
#313641#323541#343341#353241#373041#382F41#3A2D41
#313B3C#33393C#35373C#37353C#39333C#3B313C#3E2E3C
#314037#343D37#363B37#393837#3C3537#3F3237#422F37
#314532#354232#383E32#3C3B32#3F3832#433432#473032
#314C2B#35482B#3A432B#3E3F2B#423B2B#47362B#4C312B

Colorpallet from #312B4C to #314C2B and to #4C2B31
#312B4C#312B4C#312B4C#312B4C#312B4C#312B4C#312B4C
#313047#322F47#322E47#332E47#342D48#342C48#352B48
#313641#323441#343242#353142#372F42#382D43#3A2B43
#313B3C#33383C#35363D#37333D#39313E#3B2E3E#3E2B3F
#314037#343D38#363938#393639#3C333A#3F2F3A#422B3B
#314532#354133#383D33#3C3934#3F3435#433035#472B36
#314C2B#35472C#3A412D#3E3C2E#42372F#473230#4C2B31

Colorpallet from #312B4C to #2B314C and to #2B4C31
#312B4C#312B4C#312B4C#312B4C#312B4C#312B4C#312B4C
#302C4C#302D4B#302D4B#302E4A#302F49#302F49#303048
#2F2D4C#2F2E4B#2F3049#2F3148#2F3346#2F3445#2F3643
#2E2E4C#2E304A#2E3248#2E3446#2E3644#2E3842#2E3B3F
#2D2F4C#2D3249#2D3447#2D3744#2D3A41#2D3D3E#2D403B
#2C304C#2C3348#2C3745#2C3A41#2C3D3E#2C413A#2C4536
#2B314C#2B3548#2B3A43#2B3E3F#2B423B#2B4736#2B4C31

Colorpallet from #312B4C to #2B314C and to #4C312B
#312B4C#312B4C#312B4C#312B4C#312B4C#312B4C#312B4C
#302C4C#312C4B#322C4A#322C4A#332C49#342C48#352C47
#2F2D4C#312D4A#332D48#342D47#362D45#382D43#3A2D41
#2E2E4C#312E49#332E47#362E44#382E42#3B2E3F#3E2E3C
#2D2F4C#302F49#342F45#372F42#3A2F3F#3E2F3B#422F37
#2C304C#303048#353044#393040#3D303B#423037#473032
#2B314C#303147#363141#3B313C#403137#453132#4C312B

Colorpallet from #312B4C to #2B314C and to #4C2B31
#312B4C#312B4C#312B4C#312B4C#312B4C#312B4C#312B4C
#302C4C#312C4B#322C4B#322C4A#332B49#342B49#352B48
#2F2D4C#312D4B#332C49#342C48#362C46#382B45#3A2B43
#2E2E4C#312E4A#332D48#362D46#382C44#3B2C42#3E2B3F
#2D2F4C#302E49#342E47#372D44#3A2C41#3E2C3E#422B3B
#2C304C#302F48#352E45#392E41#3D2D3E#422C3A#472B36
#2B314C#303048#362F43#3B2E3F#402D3B#452C36#4C2B31

Colorpallet from #312B4C to #2B4C31 and to #4C312B
#312B4C#312B4C#312B4C#312B4C#312B4C#312B4C#312B4C
#303048#312F48#322F48#322E48#332D47#342D47#352C47
#2F3643#313543#333342#343242#363042#382F41#3A2D41
#2E3B3F#31393F#33373E#36353E#38333D#3B313D#3E2E3C
#2D403B#303D3A#343B3A#373839#3A3538#3E3238#422F37
#2C4536#304235#353E35#393B34#3D3833#423433#473032
#2B4C31#304830#36432F#3B3F2E#403B2D#45362C#4C312B

Colorpallet from #312B4C to #2B4C31 and to #4C2B31
#312B4C#312B4C#312B4C#312B4C#312B4C#312B4C#312B4C
#303048#312F48#322E48#322E48#332D48#342C48#352B48
#2F3643#313443#333243#343143#362F43#382D43#3A2B43
#2E3B3F#31383F#33363F#36333F#38313F#3B2E3F#3E2B3F
#2D403B#303D3B#34393B#37363B#3A333B#3E2F3B#422B3B
#2C4536#304136#353D36#393936#3D3436#423036#472B36
#2B4C31#304731#364131#3B3C31#403731#453231#4C2B31

Colorpallet from #312B4C to #4C312B and to #4C2B31
#312B4C#312B4C#312B4C#312B4C#312B4C#312B4C#312B4C
#352C47#352C47#352C47#352C47#352B48#352B48#352B48
#3A2D41#3A2D41#3A2C42#3A2C42#3A2C42#3A2B43#3A2B43
#3E2E3C#3E2E3C#3E2D3D#3E2D3D#3E2C3E#3E2C3E#3E2B3F
#422F37#422E38#422E38#422D39#422C3A#422C3A#422B3B
#473032#472F33#472E33#472E34#472D35#472C35#472B36
#4C312B#4C302C#4C2F2D#4C2E2E#4C2D2F#4C2C30#4C2B31