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 #56B1D8 to #56D8B1 and to #B156D8
#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8
#56B7D2#58B4D3#5BB0D4#5DADD5#60AAD6#62A6D7#65A2D8
#56BDCC#5BB6CE#5FB0D0#64A9D2#69A3D4#6D9CD6#7394D8
#56C4C5#5DBAC8#64B0CB#6BA6CE#729CD1#7992D4#8285D8
#56CABF#5FBDC3#69AFC7#72A2CB#7B95CF#8488D3#9077D8
#56D0B9#62BFBE#6DAFC3#799EC8#858DCD#907DD2#9F68D8
#56D8B1#65C3B7#73AEBD#829AC4#9085CA#9F70D0#B156D8

Colorpallet from #56B1D8 to #56D8B1 and to #B1D856
#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8
#56B7D2#58B7D0#5BB7CD#5DB7CB#60B7C8#62B7C6#65B7C3
#56BDCC#5BBDC7#5FBDC2#64BDBE#69BDB9#6DBDB4#73BDAE
#56C4C5#5DC4BE#64C4B7#6BC4B0#72C4A9#79C4A3#82C49A
#56CABF#5FCAB6#69CAAC#72CAA3#7BCA9A#84CA91#90CA85
#56D0B9#62D0AD#6DD0A2#79D096#85D08A#90D07F#9FD070
#56D8B1#65D8A2#73D894#82D885#90D877#9FD868#B1D856

Colorpallet from #56B1D8 to #56D8B1 and to #D856B1
#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8
#56B7D2#59B4D2#5DB0D2#60ADD2#63AAD2#67A6D2#6BA2D2
#56BDCC#5DB6CC#63B0CC#6AA9CC#71A3CC#789CCC#8094CC
#56C4C5#60BAC5#6AB0C5#74A6C5#7E9CC5#8892C5#9485C5
#56CABF#63BDBF#71AFBF#7EA2BF#8B95BF#9888BF#A977BF
#56D0B9#67BFB9#77AFB9#889EB9#998DB9#A97DB9#BE68B9
#56D8B1#6BC3B1#80AEB1#949AB1#A985B1#BE70B1#D856B1

Colorpallet from #56B1D8 to #56D8B1 and to #D8B156
#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8
#56B7D2#59B6D0#5DB5CD#60B4CB#63B3C8#67B2C6#6BB1C3
#56BDCC#5DBBC7#63B9C2#6AB7BE#71B5B9#78B3B4#80B1AE
#56C4C5#60C1BE#6ABEB7#74BBB0#7EB8A9#88B5A3#94B19A
#56CABF#63C6B6#71C2AC#7EBEA3#8BBA9A#98B691#A9B185
#56D0B9#67CBAD#77C6A2#88C196#99BC8A#A9B77F#BEB170
#56D8B1#6BD2A2#80CC94#94C585#A9BF77#BEB968#D8B156

Colorpallet from #56B1D8 to #B156D8 and to #B1D856
#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8
#65A2D8#65A5D5#65A9D1#65ACCE#65AFCB#65B3C7#65B7C3
#7394D8#739BD1#73A1CB#73A8C4#73AEBD#73B5B6#73BDAE
#8285D8#828FCE#8299C4#82A3BA#82ADB0#82B7A6#82C49A
#9077D8#9084CB#9092BD#909FB0#90ACA3#90B996#90CA85
#9F68D8#9F79C7#9F89B7#9F9AA6#9FAB95#9FBB85#9FD070
#B156D8#B16BC3#B180AE#B1949A#B1A985#B1BE70#B1D856

Colorpallet from #56B1D8 to #B156D8 and to #D856B1
#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8
#65A2D8#66A2D7#67A2D6#68A2D5#69A2D4#6AA2D3#6BA2D2
#7394D8#7594D6#7794D4#7994D2#7B94D0#7D94CE#8094CC
#8285D8#8585D5#8885D2#8B85CF#8E85CC#9085C9#9485C5
#9077D8#9477D4#9877D0#9C77CC#A077C8#A477C4#A977BF
#9F68D8#A468D3#A968CE#AE68C9#B368C4#B868BF#BE68B9
#B156D8#B756D2#BD56CC#C456C5#CA56BF#D056B9#D856B1

Colorpallet from #56B1D8 to #B156D8 and to #D8B156
#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8
#65A2D8#66A4D5#67A7D1#68A9CE#69ACCB#6AAEC7#6BB1C3
#7394D8#7599D1#779DCB#79A2C4#7BA7BD#7DABB6#80B1AE
#8285D8#858CCE#8893C4#8B9ABA#8EA1B0#90A8A6#94B19A
#9077D8#9480CB#988ABD#9C93B0#A09CA3#A4A596#A9B185
#9F68D8#A474C7#A97FB7#AE8BA6#B39795#B8A285#BEB170
#B156D8#B765C3#BD73AE#C4829A#CA9085#D09F70#D8B156

Colorpallet from #56B1D8 to #B1D856 and to #D856B1
#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8
#65B7C3#66B4C5#67B0C8#68ADCA#69AACD#6AA6CF#6BA2D2
#73BDAE#75B6B3#77B0B8#79A9BC#7BA3C1#7D9CC6#8094CC
#82C49A#85BAA1#88B0A8#8BA6AF#8E9CB6#9092BC#9485C5
#90CA85#94BD8E#98AF98#9CA2A1#A095AA#A488B3#A977BF
#9FD070#A4BF7C#A9AF87#AE9E93#B38D9F#B87DAA#BE68B9
#B1D856#B7C365#BDAE73#C49A82#CA8590#D0709F#D856B1

Colorpallet from #56B1D8 to #B1D856 and to #D8B156
#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8
#65B7C3#66B6C3#67B5C3#68B4C3#69B3C3#6AB2C3#6BB1C3
#73BDAE#75BBAE#77B9AE#79B7AE#7BB5AE#7DB3AE#80B1AE
#82C49A#85C19A#88BE9A#8BBB9A#8EB89A#90B59A#94B19A
#90CA85#94C685#98C285#9CBE85#A0BA85#A4B685#A9B185
#9FD070#A4CB70#A9C670#AEC170#B3BC70#B8B770#BEB170
#B1D856#B7D256#BDCC56#C4C556#CABF56#D0B956#D8B156

Colorpallet from #56B1D8 to #D856B1 and to #D8B156
#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8#56B1D8
#6BA2D2#6BA4D0#6BA7CD#6BA9CB#6BACC8#6BAEC6#6BB1C3
#8094CC#8099C7#809DC2#80A2BE#80A7B9#80ABB4#80B1AE
#9485C5#948CBE#9493B7#949AB0#94A1A9#94A8A3#94B19A
#A977BF#A980B6#A98AAC#A993A3#A99C9A#A9A591#A9B185
#BE68B9#BE74AD#BE7FA2#BE8B96#BE978A#BEA27F#BEB170
#D856B1#D865A2#D87394#D88285#D89077#D89F68#D8B156