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 #2F3C50 to #2F503C and to #3C2F50
#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50
#2F3F4D#2F3E4D#303D4E#303D4E#303C4F#313B4F#313A50
#2F424A#30404B#303F4C#313D4D#323C4E#323A4F#333850
#2F4646#304348#314149#323E4B#333C4C#34394E#353650
#2F4943#304645#324247#333F49#343C4B#35384D#373450
#2F4C40#314843#324445#344048#353B4A#37374D#393250
#2F503C#314B3F#334542#354046#373B49#39364C#3C2F50

Colorpallet from #2F3C50 to #2F503C and to #3C502F
#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50
#2F3F4D#2F3F4D#303F4C#303F4C#303F4C#313F4B#313F4B
#2F424A#304249#304248#314248#324247#324246#334245
#2F4646#304645#314644#324643#334642#344641#354640
#2F4943#304942#324940#33493F#34493E#35493D#37493B
#2F4C40#314C3E#324C3D#344C3B#354C3A#374C38#394C36
#2F503C#31503A#335038#355036#375034#395032#3C502F

Colorpallet from #2F3C50 to #2F503C and to #502F3C
#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50
#2F3F4D#303E4D#313D4D#313D4D#323C4D#333B4D#343A4D
#2F424A#31404A#333F4A#343D4A#363C4A#383A4A#3A384A
#2F4646#324346#344146#373E46#393C46#3C3946#3F3646
#2F4943#324643#364243#393F43#3C3C43#403843#443443
#2F4C40#334840#374440#3B4040#403B40#443740#493240
#2F503C#344B3C#3A453C#3F403C#443B3C#49363C#502F3C

Colorpallet from #2F3C50 to #2F503C and to #503C2F
#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50
#2F3F4D#303F4D#313E4C#313E4C#323D4C#333D4B#343C4B
#2F424A#314149#334048#343F48#363E47#383D46#3A3C45
#2F4646#324445#344344#374143#394042#3C3E41#3F3C40
#2F4943#324742#364540#39433F#3C413E#403F3D#443C3B
#2F4C40#33493E#37473D#3B443B#40423A#443F38#493C36
#2F503C#344D3A#3A4A38#3F4636#444334#494032#503C2F

Colorpallet from #2F3C50 to #3C2F50 and to #3C502F
#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50
#313A50#313B4F#313C4E#313C4E#313D4D#313E4C#313F4B
#333850#333A4E#333B4C#333D4B#333E49#334047#334245
#353650#35394D#353B4B#353E48#354046#354343#354640
#373450#37374D#373B49#373E46#374143#37453F#37493B
#393250#39364C#393A48#393E44#39433F#39473B#394C36
#3C2F50#3C344B#3C3A45#3C3F40#3C443B#3C4936#3C502F

Colorpallet from #2F3C50 to #3C2F50 and to #502F3C
#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50
#313A50#313A50#323A4F#323A4F#333A4E#333A4E#343A4D
#333850#34384F#35384E#36384D#37384C#39384B#3A384A
#353650#37364E#38364D#3A364B#3B364A#3D3648#3F3646
#373450#39344E#3B344C#3D344A#3F3448#413446#443443
#393250#3C324D#3E324B#413248#433246#463243#493240
#3C2F50#3F2F4D#422F4A#462F46#492F43#4C2F40#502F3C

Colorpallet from #2F3C50 to #3C2F50 and to #503C2F
#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50
#313A50#313A4F#323B4E#323B4E#333B4D#333C4C#343C4B
#333850#34394E#35394C#363A4B#373B49#393B47#3A3C45
#353650#37374D#38384B#3A3948#3B3A46#3D3B43#3F3C40
#373450#39354D#3B3749#3D3846#3F3943#413A3F#443C3B
#393250#3C344C#3E3548#413744#43383F#463A3B#493C36
#3C2F50#3F314B#423345#463540#49373B#4C3936#503C2F

Colorpallet from #2F3C50 to #3C502F and to #502F3C
#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50
#313F4B#313E4B#323D4C#323D4C#333C4C#333B4D#343A4D
#334245#344046#353F47#363D47#373C48#393A49#3A384A
#354640#374341#384142#3A3E43#3B3C44#3D3945#3F3646
#37493B#39463C#3B423E#3D3F3F#3F3C40#413841#443443
#394C36#3C4838#3E4439#41403B#433B3C#46373E#493240
#3C502F#3F4B31#424533#464035#493B37#4C3639#502F3C

Colorpallet from #2F3C50 to #3C502F and to #503C2F
#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50
#313F4B#313F4B#323E4B#323E4B#333D4B#333D4B#343C4B
#334245#344145#354045#363F45#373E45#393D45#3A3C45
#354640#374440#384340#3A4140#3B4040#3D3E40#3F3C40
#37493B#39473B#3B453B#3D433B#3F413B#413F3B#443C3B
#394C36#3C4936#3E4736#414436#434236#463F36#493C36
#3C502F#3F4D2F#424A2F#46462F#49432F#4C402F#503C2F

Colorpallet from #2F3C50 to #502F3C and to #503C2F
#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50#2F3C50
#343A4D#343A4D#343B4C#343B4C#343B4C#343C4B#343C4B
#3A384A#3A3949#3A3948#3A3A48#3A3B47#3A3B46#3A3C45
#3F3646#3F3745#3F3844#3F3943#3F3A42#3F3B41#3F3C40
#443443#443542#443740#44383F#44393E#443A3D#443C3B
#493240#49343E#49353D#49373B#49383A#493A38#493C36
#502F3C#50313A#503338#503536#503734#503932#503C2F