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 #3B4C41 to #3B414C and to #4C3B41
#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41
#3B4A43#3B4A43#3C4A42#3C4A42#3D4942#3D4941#3E4941
#3B4845#3C4844#3D4844#3D4843#3E4742#3F4742#404741
#3B4746#3C4745#3E4644#3F4644#404543#414542#434441
#3B4548#3D4447#3F4446#404345#424244#444242#464141
#3B434A#3D4249#3F4147#424146#444044#463F43#493E41
#3B414C#3E404A#403F48#433E47#463D45#493C43#4C3B41

Colorpallet from #3B4C41 to #3B414C and to #4C413B
#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41
#3B4A43#3B4A43#3C4A42#3C4A42#3D4A41#3D4A41#3E4A40
#3B4845#3C4844#3D4843#3D4842#3E4841#3F4840#40483F
#3B4746#3C4745#3E4743#3F4742#404741#414740#43473E
#3B4548#3D4546#3F4544#404543#424541#44453F#46453D
#3B434A#3D4348#3F4346#424343#444341#46433F#49433C
#3B414C#3E4149#404147#434144#464141#49413E#4C413B

Colorpallet from #3B4C41 to #3B414C and to #413B4C
#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41
#3B4A43#3B4A43#3B4A43#3B4A43#3C4943#3C4943#3C4943
#3B4845#3B4845#3C4845#3C4845#3C4745#3D4745#3D4745
#3B4746#3B4746#3C4646#3C4646#3D4546#3D4546#3E4446
#3B4548#3C4448#3C4448#3D4348#3E4248#3E4248#3F4148
#3B434A#3C424A#3D414A#3D414A#3E404A#3F3F4A#403E4A
#3B414C#3C404C#3D3F4C#3E3E4C#3F3D4C#403C4C#413B4C

Colorpallet from #3B4C41 to #3B414C and to #414C3B
#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41
#3B4A43#3B4A43#3B4B42#3B4B42#3C4B41#3C4C41#3C4C40
#3B4845#3B4944#3C4943#3C4A42#3C4B41#3D4B40#3D4C3F
#3B4746#3B4845#3C4943#3C4942#3D4A41#3D4B40#3E4C3E
#3B4548#3C4646#3C4744#3D4843#3E4941#3E4B3F#3F4C3D
#3B434A#3C4448#3D4646#3D4743#3E4941#3F4A3F#404C3C
#3B414C#3C4349#3D4547#3E4644#3F4841#404A3E#414C3B

Colorpallet from #3B4C41 to #4C3B41 and to #4C413B
#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41
#3E4941#3E4941#3E4941#3E4941#3E4A40#3E4A40#3E4A40
#404741#404741#404740#404740#404840#40483F#40483F
#434441#434441#434540#434540#43463F#43463F#43473E
#464141#464240#464240#46433F#46443E#46443E#46453D
#493E41#493F40#49403F#49403F#49413E#49423D#49433C
#4C3B41#4C3C40#4C3D3F#4C3E3E#4C3F3D#4C403C#4C413B

Colorpallet from #3B4C41 to #4C3B41 and to #413B4C
#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41
#3E4941#3E4941#3D4942#3D4942#3D4942#3C4943#3C4943
#404741#404742#3F4742#3F4743#3E4744#3E4744#3D4745
#434441#424442#414443#414443#404444#3F4445#3E4446
#464141#454142#444143#434144#424145#404147#3F4148
#493E41#483E42#463E44#453E45#433E47#423E48#403E4A
#4C3B41#4A3B43#483B45#473B46#453B48#433B4A#413B4C

Colorpallet from #3B4C41 to #4C3B41 and to #414C3B
#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41
#3E4941#3E4941#3D4A41#3D4A41#3D4B40#3C4B40#3C4C40
#404741#404841#3F4940#3F4940#3E4A40#3E4B3F#3D4C3F
#434441#424541#414740#414840#40493F#3F4A3F#3E4C3E
#464141#454340#444540#43463F#42483E#404A3E#3F4C3D
#493E41#484040#46423F#45453F#43473E#42493D#404C3C
#4C3B41#4A3E40#48403F#47433E#45463D#43493C#414C3B

Colorpallet from #3B4C41 to #4C413B and to #413B4C
#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41
#3E4A40#3E4A40#3D4A41#3D4A41#3D4942#3C4942#3C4943
#40483F#404840#3F4841#3F4842#3E4743#3E4744#3D4745
#43473E#42473F#414641#414642#404543#3F4544#3E4446
#46453D#45443F#444441#434342#424244#404246#3F4148
#49433C#48423E#464140#454143#434045#423F47#403E4A
#4C413B#4A403E#483F40#473E43#453D46#433C49#413B4C

Colorpallet from #3B4C41 to #4C413B and to #414C3B
#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41
#3E4A40#3E4A40#3D4B40#3D4B40#3D4B40#3C4C40#3C4C40
#40483F#40493F#3F493F#3F4A3F#3E4B3F#3E4B3F#3D4C3F
#43473E#42483E#41493E#41493E#404A3E#3F4B3E#3E4C3E
#46453D#45463D#44473D#43483D#42493D#404B3D#3F4C3D
#49433C#48443C#46463C#45473C#43493C#424A3C#404C3C
#4C413B#4A433B#48453B#47463B#45483B#434A3B#414C3B

Colorpallet from #3B4C41 to #413B4C and to #414C3B
#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41#3B4C41
#3C4943#3C4943#3C4A42#3C4A42#3C4B41#3C4B41#3C4C40
#3D4745#3D4844#3D4943#3D4942#3D4A41#3D4B40#3D4C3F
#3E4446#3E4545#3E4743#3E4842#3E4941#3E4A40#3E4C3E
#3F4148#3F4346#3F4544#3F4643#3F4841#3F4A3F#3F4C3D
#403E4A#404048#404246#404543#404741#40493F#404C3C
#413B4C#413E49#414047#414344#414641#41493E#414C3B