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 #312AA3 to #31A32A and to #2A31A3
#312AA3#312AA3#312AA3#312AA3#312AA3#312AA3#312AA3
#313D90#313A93#313796#313499#30319C#302F9F#302BA3
#31517C#314B82#304588#303F8F#303995#2F339B#2F2CA3
#316469#315B72#30527C#304A85#2F418E#2F3897#2E2DA3
#317756#306B62#30606F#2F547B#2E4887#2E3D94#2D2EA3
#318B42#307C52#2F6E61#2E5F71#2D5180#2C4290#2B30A3
#31A32A#30913D#2F7F51#2E6C64#2D5A77#2B488B#2A31A3

Colorpallet from #312AA3 to #31A32A and to #2AA331
#312AA3#312AA3#312AA3#312AA3#312AA3#312AA3#312AA3
#313D90#313D90#313D90#313D90#303D91#303D91#303D91
#31517C#31517C#30517D#30517D#30517E#2F517E#2F517F
#316469#316469#30646A#30646A#2F646B#2F646B#2E646C
#317756#307757#307757#2F7758#2E7759#2E7759#2D775A
#318B42#308B43#2F8B44#2E8B45#2D8B46#2C8B47#2B8B48
#31A32A#30A32B#2FA32C#2EA32D#2DA32E#2BA330#2AA331

Colorpallet from #312AA3 to #31A32A and to #A3312A
#312AA3#312AA3#312AA3#312AA3#312AA3#312AA3#312AA3
#313D90#343A90#373790#3A3490#3D3190#3F2F90#432B90
#31517C#374B7C#3D457C#423F7C#48397C#4E337C#552C7C
#316469#3A5B69#435269#4B4A69#544169#5D3869#682D69
#317756#3D6B56#486056#545456#604856#6B3D56#7A2E56
#318B42#407C42#4E6E42#5D5F42#6B5142#7A4242#8C3042
#31A32A#43912A#557F2A#686C2A#7A5A2A#8C482A#A3312A

Colorpallet from #312AA3 to #31A32A and to #A32A31
#312AA3#312AA3#312AA3#312AA3#312AA3#312AA3#312AA3
#313D90#343A90#373790#3A3490#3D3191#3F2E91#432A91
#31517C#374B7C#3D457D#423E7D#48387E#4E327E#552A7F
#316469#3A5B69#43516A#4B486A#543F6B#5D366B#682A6C
#317756#3D6B57#485E57#545258#604659#6B3959#7A2A5A
#318B42#407B43#4E6C44#5D5C45#6B4D46#7A3D47#8C2A48
#31A32A#43902B#557C2C#68692D#7A562E#8C4230#A32A31

Colorpallet from #312AA3 to #2A31A3 and to #2AA331
#312AA3#312AA3#312AA3#312AA3#312AA3#312AA3#312AA3
#302BA3#302EA0#30319D#30349A#303797#303995#303D91
#2F2CA3#2F329D#2F3897#2F3E92#2F448C#2F4A86#2F517F
#2E2DA3#2E369A#2E3F91#2E4789#2E5080#2E5977#2E646C
#2D2EA3#2D3A97#2D458C#2D5180#2D5D74#2D6869#2D775A
#2B30A3#2B3F94#2B4D86#2B5C77#2B6A69#2B795A#2B8B48
#2A31A3#2A4391#2A557F#2A686C#2A7A5A#2A8C48#2AA331

Colorpallet from #312AA3 to #2A31A3 and to #A3312A
#312AA3#312AA3#312AA3#312AA3#312AA3#312AA3#312AA3
#302BA3#332BA0#362B9D#392B9A#3C2B97#3F2B94#432B90
#2F2CA3#352C9D#3B2C97#412C90#472C8A#4D2C84#552C7C
#2E2DA3#372D9A#412D90#4A2D87#532D7E#5C2D75#682D69
#2D2EA3#392E97#462E8A#522E7E#5E2E72#6B2E65#7A2E56
#2B30A3#3B3093#4A3084#5A3074#693065#793055#8C3042
#2A31A3#3D3190#51317C#643169#773156#8B3142#A3312A

Colorpallet from #312AA3 to #2A31A3 and to #A32A31
#312AA3#312AA3#312AA3#312AA3#312AA3#312AA3#312AA3
#302BA3#332BA0#362B9D#392B9A#3C2A97#3F2A95#432A91
#2F2CA3#352C9D#3B2B97#412B92#472B8C#4D2A86#552A7F
#2E2DA3#372D9A#412C91#4A2C89#532B80#5C2B77#682A6C
#2D2EA3#392D97#462D8C#522C80#5E2B74#6B2B69#7A2A5A
#2B30A3#3B2F94#4A2E86#5A2D77#692C69#792B5A#8C2A48
#2A31A3#3D3091#512F7F#642E6C#772D5A#8B2B48#A32A31

Colorpallet from #312AA3 to #2AA331 and to #A3312A
#312AA3#312AA3#312AA3#312AA3#312AA3#312AA3#312AA3
#303D91#333A91#363791#393491#3C3190#3F2F90#432B90
#2F517F#354B7F#3B457E#413F7E#47397D#4D337D#552C7C
#2E646C#375B6C#41526B#4A4A6B#53416A#5C386A#682D69
#2D775A#396B59#466059#525458#5E4857#6B3D57#7A2E56
#2B8B48#3B7C47#4A6E46#5A5F45#695144#794243#8C3042
#2AA331#3D9130#517F2F#646C2E#775A2D#8B482B#A3312A

Colorpallet from #312AA3 to #2AA331 and to #A32A31
#312AA3#312AA3#312AA3#312AA3#312AA3#312AA3#312AA3
#303D91#333A91#363791#393491#3C3191#3F2E91#432A91
#2F517F#354B7F#3B457F#413E7F#47387F#4D327F#552A7F
#2E646C#375B6C#41516C#4A486C#533F6C#5C366C#682A6C
#2D775A#396B5A#465E5A#52525A#5E465A#6B395A#7A2A5A
#2B8B48#3B7B48#4A6C48#5A5C48#694D48#793D48#8C2A48
#2AA331#3D9031#517C31#646931#775631#8B4231#A32A31

Colorpallet from #312AA3 to #A3312A and to #A32A31
#312AA3#312AA3#312AA3#312AA3#312AA3#312AA3#312AA3
#432B90#432B90#432B90#432B90#432A91#432A91#432A91
#552C7C#552C7C#552B7D#552B7D#552B7E#552A7E#552A7F
#682D69#682D69#682C6A#682C6A#682B6B#682B6B#682A6C
#7A2E56#7A2D57#7A2D57#7A2C58#7A2B59#7A2B59#7A2A5A
#8C3042#8C2F43#8C2E44#8C2D45#8C2C46#8C2B47#8C2A48
#A3312A#A3302B#A32F2C#A32E2D#A32D2E#A32B30#A32A31