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 #312DA2 to #31A22D and to #2D31A2
#312DA2#312DA2#312DA2#312DA2#312DA2#312DA2#312DA2
#31408F#313D92#313A95#313798#30349B#30329E#302EA2
#31527D#314C83#314689#31418F#303B95#30359B#302EA2
#31656A#315C73#30547C#304B85#30428E#2F3A97#2F2FA2
#317857#316C63#30616F#30557B#2F4A87#2F3E93#2E30A2
#318B44#317C53#306E62#305F71#2F5180#2F428F#2E30A2
#31A22D#309040#307E52#2F6C65#2E5A78#2E488B#2D31A2

Colorpallet from #312DA2 to #31A22D and to #2DA231
#312DA2#312DA2#312DA2#312DA2#312DA2#312DA2#312DA2
#31408F#31408F#31408F#31408F#304090#304090#304090
#31527D#31527D#31527D#31527D#30527E#30527E#30527E
#31656A#31656A#30656B#30656B#30656B#2F656C#2F656C
#317857#317857#307858#307858#2F7859#2F7859#2E785A
#318B44#318B45#308B45#308B46#2F8B47#2F8B47#2E8B48
#31A22D#30A22E#30A22E#2FA22F#2EA230#2EA230#2DA231

Colorpallet from #312DA2 to #31A22D and to #A2312D
#312DA2#312DA2#312DA2#312DA2#312DA2#312DA2#312DA2
#31408F#343D8F#373A8F#3A378F#3D348F#3F328F#432E8F
#31527D#374C7D#3D467D#42417D#483B7D#4E357D#552E7D
#31656A#3A5C6A#42546A#4B4B6A#54426A#5C3A6A#672F6A
#317857#3D6C57#486157#545557#5F4A57#6B3E57#793057
#318B44#3F7C44#4E6E44#5C5F44#6B5144#794244#8B3044
#31A22D#43902D#557E2D#676C2D#795A2D#8B482D#A2312D

Colorpallet from #312DA2 to #31A22D and to #A22D31
#312DA2#312DA2#312DA2#312DA2#312DA2#312DA2#312DA2
#31408F#343D8F#373A8F#3A378F#3D3490#3F3190#432D90
#31527D#374C7D#3D467D#42407D#483A7E#4E347E#552D7E
#31656A#3A5C6A#42536B#4B4A6B#54416B#5C386C#672D6C
#317857#3D6C57#486058#545458#5F4859#6B3C59#792D5A
#318B44#3F7C45#4E6D45#5C5E46#6B4F47#794047#8B2D48
#31A22D#438F2E#557D2E#676A2F#795730#8B4430#A22D31

Colorpallet from #312DA2 to #2D31A2 and to #2DA231
#312DA2#312DA2#312DA2#312DA2#312DA2#312DA2#312DA2
#302EA2#30319F#30349C#303799#303A96#303C94#304090
#302EA2#30349C#303A96#303F91#30458B#304B85#30527E
#2F2FA2#2F3899#2F4091#2F4988#2F527F#2F5A77#2F656C
#2E30A2#2E3C96#2E478B#2E537F#2E5E74#2E6A68#2E785A
#2E30A2#2E3F94#2E4D85#2E5C77#2E6A68#2E795A#2E8B48
#2D31A2#2D4390#2D557E#2D676C#2D795A#2D8B48#2DA231

Colorpallet from #312DA2 to #2D31A2 and to #A2312D
#312DA2#312DA2#312DA2#312DA2#312DA2#312DA2#312DA2
#302EA2#332E9F#362E9C#392E99#3C2E96#3F2E93#432E8F
#302EA2#362E9C#3C2E96#422E90#482E8A#4E2E84#552E7D
#2F2FA2#382F99#412F90#4A2F87#532F7E#5C2F75#672F6A
#2E30A2#3A3096#46308A#52307E#5E3072#6A3066#793057
#2E30A2#3D3093#4C3084#5B3075#6A3066#783057#8B3044
#2D31A2#40318F#52317D#65316A#783157#8B3144#A2312D

Colorpallet from #312DA2 to #2D31A2 and to #A22D31
#312DA2#312DA2#312DA2#312DA2#312DA2#312DA2#312DA2
#302EA2#332E9F#362E9C#392E99#3C2D96#3F2D94#432D90
#302EA2#362E9C#3C2E96#422E91#482D8B#4E2D85#552D7E
#2F2FA2#382F99#412E91#4A2E88#532E7F#5C2D77#672D6C
#2E30A2#3A3096#462F8B#522F7F#5E2E74#6A2E68#792D5A
#2E30A2#3D3094#4C2F85#5B2F77#6A2E68#782E5A#8B2D48
#2D31A2#403090#52307E#652F6C#782E5A#8B2E48#A22D31

Colorpallet from #312DA2 to #2DA231 and to #A2312D
#312DA2#312DA2#312DA2#312DA2#312DA2#312DA2#312DA2
#304090#333D90#363A90#393790#3C348F#3F328F#432E8F
#30527E#364C7E#3C467E#42417E#483B7D#4E357D#552E7D
#2F656C#385C6C#41546B#4A4B6B#53426B#5C3A6A#672F6A
#2E785A#3A6C5A#466159#525559#5E4A58#6A3E58#793057
#2E8B48#3D7C47#4C6E47#5B5F46#6A5145#784245#8B3044
#2DA231#409030#527E30#656C2F#785A2E#8B482E#A2312D

Colorpallet from #312DA2 to #2DA231 and to #A22D31
#312DA2#312DA2#312DA2#312DA2#312DA2#312DA2#312DA2
#304090#333D90#363A90#393790#3C3490#3F3190#432D90
#30527E#364C7E#3C467E#42407E#483A7E#4E347E#552D7E
#2F656C#385C6C#41536C#4A4A6C#53416C#5C386C#672D6C
#2E785A#3A6C5A#46605A#52545A#5E485A#6A3C5A#792D5A
#2E8B48#3D7C48#4C6D48#5B5E48#6A4F48#784048#8B2D48
#2DA231#408F31#527D31#656A31#785731#8B4431#A22D31

Colorpallet from #312DA2 to #A2312D and to #A22D31
#312DA2#312DA2#312DA2#312DA2#312DA2#312DA2#312DA2
#432E8F#432E8F#432E8F#432E8F#432D90#432D90#432D90
#552E7D#552E7D#552E7D#552E7D#552D7E#552D7E#552D7E
#672F6A#672F6A#672E6B#672E6B#672E6B#672D6C#672D6C
#793057#793057#792F58#792F58#792E59#792E59#792D5A
#8B3044#8B3045#8B2F45#8B2F46#8B2E47#8B2E47#8B2D48
#A2312D#A2302E#A2302E#A22F2F#A22E30#A22E30#A22D31