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 #2F4A8C to #2F8C4A and to #4A2F8C
#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C
#2F5581#305383#305085#314E86#324B88#32498A#33468C
#2F5F77#305A7A#32557E#335181#354C84#364788#38418C
#2F6A6C#316371#335C76#35547B#374D80#394686#3C3D8C
#2F7462#326B69#34616F#375876#3A4E7D#3D4584#40398C
#2F7F57#33735F#366768#3A5B70#3D4F79#414381#45348C
#2F8C4A#337D55#386E5F#3C5F6A#405074#45427F#4A2F8C

Colorpallet from #2F4A8C to #2F8C4A and to #4A8C2F
#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C
#2F5581#305580#305580#31557F#32557E#32557E#33557D
#2F5F77#305F76#325F74#335F73#355F71#365F70#385F6E
#2F6A6C#316A6A#336A68#356A66#376A64#396A62#3C6A5F
#2F7462#32745F#34745C#377459#3A7456#3D7454#407450
#2F7F57#337F54#367F50#3A7F4D#3D7F4A#417F46#457F42
#2F8C4A#338C46#388C41#3C8C3D#408C39#458C34#4A8C2F

Colorpallet from #2F4A8C to #2F8C4A and to #8C2F4A
#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C
#2F5581#315381#345081#364E81#394B81#3B4981#3E4681
#2F5F77#345A77#395577#3D5177#424C77#474777#4D4177
#2F6A6C#36636C#3D5C6C#45546C#4C4D6C#53466C#5C3D6C
#2F7462#396B62#426162#4C5862#554E62#5F4562#6B3962
#2F7F57#3B7357#476757#535B57#5E4F57#6A4357#793457
#2F8C4A#3E7D4A#4D6E4A#5C5F4A#6B504A#79424A#8C2F4A

Colorpallet from #2F4A8C to #2F8C4A and to #8C4A2F
#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C
#2F5581#315380#345180#36507F#394E7E#3B4C7E#3E4A7D
#2F5F77#345C76#395874#3D5573#425271#474E70#4D4A6E
#2F6A6C#36656A#3D6068#455B66#4C5664#535062#5C4A5F
#2F7462#396D5F#42675C#4C6059#555956#5F5254#6B4A50
#2F7F57#3B7754#476E50#53664D#5E5D4A#6A5546#794A42
#2F8C4A#3E8146#4D7741#5C6C3D#6B6239#795734#8C4A2F

Colorpallet from #2F4A8C to #4A2F8C and to #4A8C2F
#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C
#33468C#33488A#334B87#334D85#335082#335280#33557D
#38418C#384687#384B82#384F7E#385479#385974#385F6E
#3C3D8C#3C4485#3C4B7E#3C5376#3C5A6F#3C6168#3C6A5F
#40398C#404282#404C79#40556F#405F66#40685C#407450
#45348C#454080#454C74#455868#45645D#457051#457F42
#4A2F8C#4A3E7D#4A4D6E#4A5C5F#4A6B50#4A7942#4A8C2F

Colorpallet from #2F4A8C to #4A2F8C and to #8C2F4A
#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C
#33468C#35468A#374688#384687#3A4685#3C4683#3E4681
#38418C#3B4189#3F4185#424182#45417F#49417B#4D4177
#3C3D8C#413D87#463D82#4B3D7D#503D78#563D72#5C3D6C
#40398C#473985#4E397F#553978#5C3971#62396A#6B3962
#45348C#4D3484#56347B#5E3473#66346A#6F3462#793457
#4A2F8C#552F81#5F2F77#6A2F6C#742F62#7F2F57#8C2F4A

Colorpallet from #2F4A8C to #4A2F8C and to #8C4A2F
#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C
#33468C#35478A#374787#384885#3A4982#3C4980#3E4A7D
#38418C#3B4287#3F4482#42457E#454779#494874#4D4A6E
#3C3D8C#413F85#46417E#4B4376#50456F#564768#5C4A5F
#40398C#473C82#4E3E79#55416F#5C4466#62475C#6B4A50
#45348C#4D3880#563B74#5E3F68#66425D#6F4651#794A42
#4A2F8C#55337D#5F386E#6A3C5F#744050#7F4542#8C4A2F

Colorpallet from #2F4A8C to #4A8C2F and to #8C2F4A
#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C
#33557D#35537E#37507E#384E7F#3A4B80#3C4980#3E4681
#385F6E#3B5A6F#3F5571#425172#454C74#494775#4D4177
#3C6A5F#416361#465C63#4B5465#504D67#564669#5C3D6C
#407450#476B53#4E6156#555859#5C4E5C#62455E#6B3962
#457F42#4D7345#566749#5E5B4C#664F4F#6F4353#793457
#4A8C2F#557D33#5F6E38#6A5F3C#745040#7F4245#8C2F4A

Colorpallet from #2F4A8C to #4A8C2F and to #8C4A2F
#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C
#33557D#35537D#37517D#38507D#3A4E7D#3C4C7D#3E4A7D
#385F6E#3B5C6E#3F586E#42556E#45526E#494E6E#4D4A6E
#3C6A5F#41655F#46605F#4B5B5F#50565F#56505F#5C4A5F
#407450#476D50#4E6750#556050#5C5950#625250#6B4A50
#457F42#4D7742#566E42#5E6642#665D42#6F5542#794A42
#4A8C2F#55812F#5F772F#6A6C2F#74622F#7F572F#8C4A2F

Colorpallet from #2F4A8C to #8C2F4A and to #8C4A2F
#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C#2F4A8C
#3E4681#3E4780#3E4780#3E487F#3E497E#3E497E#3E4A7D
#4D4177#4D4276#4D4474#4D4573#4D4771#4D4870#4D4A6E
#5C3D6C#5C3F6A#5C4168#5C4366#5C4564#5C4762#5C4A5F
#6B3962#6B3C5F#6B3E5C#6B4159#6B4456#6B4754#6B4A50
#793457#793854#793B50#793F4D#79424A#794646#794A42
#8C2F4A#8C3346#8C3841#8C3C3D#8C4039#8C4534#8C4A2F