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 #56B0CE to #56CEB0 and to #B056CE
#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE
#56B5C9#58B2CA#5AAFCB#5DACCB#5FA9CC#61A6CD#64A2CE
#56BAC4#5BB4C6#5FAEC7#64A7C9#69A1CA#6D9BCC#7393CE
#56BEC0#5DB5C2#64ACC4#6BA3C7#729AC9#7890CB#8185CE
#56C3BB#5FB7BE#69AAC1#729EC4#7B92C7#8485CA#9076CE
#56C8B6#62B9BA#6DA9BE#799AC2#848BC5#907BC9#9E68CE
#56CEB0#64BBB5#73A8BA#8194BE#9081C3#9E6EC8#B056CE

Colorpallet from #56B0CE to #56CEB0 and to #B0CE56
#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE
#56B5C9#58B5C7#5AB5C5#5DB5C2#5FB5C0#61B5BE#64B5BB
#56BAC4#5BBAC0#5FBABB#64BAB7#69BAB2#6DBAAE#73BAA8
#56BEC0#5DBEB9#64BEB2#6BBEAB#72BEA4#78BE9D#81BE94
#56C3BB#5FC3B2#69C3A8#72C39F#7BC396#84C38D#90C381
#56C8B6#62C8AA#6DC89F#79C893#84C888#90C87C#9EC86E
#56CEB0#64CEA2#73CE93#81CE85#90CE76#9ECE68#B0CE56

Colorpallet from #56B0CE to #56CEB0 and to #CE56B0
#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE
#56B5C9#59B2C9#5CAFC9#5FACC9#62A9C9#65A6C9#69A2C9
#56BAC4#5CB4C4#62AEC4#68A7C4#6EA1C4#749BC4#7C93C4
#56BEC0#5FB5C0#69ACC0#72A3C0#7B9AC0#8490C0#9085C0
#56C3BB#62B7BB#6FAABB#7B9EBB#8792BB#9485BB#A376BB
#56C8B6#65B9B6#75A9B6#849AB6#938BB6#A37BB6#B668B6
#56CEB0#69BBB0#7CA8B0#9094B0#A381B0#B66EB0#CE56B0

Colorpallet from #56B0CE to #56CEB0 and to #CEB056
#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE
#56B5C9#59B4C7#5CB3C5#5FB3C2#62B2C0#65B1BE#69B0BB
#56BAC4#5CB8C0#62B7BB#68B5B7#6EB4B2#74B2AE#7CB0A8
#56BEC0#5FBCB9#69BAB2#72B7AB#7BB5A4#84B39D#90B094
#56C3BB#62C0B2#6FBDA8#7BBA9F#87B796#94B48D#A3B081
#56C8B6#65C4AA#75C09F#84BC93#93B988#A3B57C#B6B06E
#56CEB0#69C9A2#7CC493#90C085#A3BB76#B6B668#CEB056

Colorpallet from #56B0CE to #B056CE and to #B0CE56
#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE
#64A2CE#64A5CB#64A8C8#64ABC5#64AEC2#64B1BF#64B5BB
#7393CE#7399C8#739FC2#73A6BC#73ACB6#73B2B0#73BAA8
#8185CE#818EC5#8197BB#81A0B2#81A9A9#81B3A0#81BE94
#9076CE#9082C2#908FB5#909BA9#90A79D#90B490#90C381
#9E68CE#9E77BF#9E87AF#9E96A0#9EA591#9EB581#9EC86E
#B056CE#B069BB#B07CA8#B09094#B0A381#B0B66E#B0CE56

Colorpallet from #56B0CE to #B056CE and to #CE56B0
#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE
#64A2CE#65A2CD#66A2CC#66A2CC#67A2CB#68A2CA#69A2C9
#7393CE#7493CC#7693CB#7793C9#7993C8#7A93C6#7C93C4
#8185CE#8385CC#8685CA#8885C7#8B85C5#8D85C3#9085C0
#9076CE#9376CB#9676C8#9976C5#9C76C2#9F76BF#A376BB
#9E68CE#A268CA#A668C6#AA68C2#AD68BF#B168BB#B668B6
#B056CE#B556C9#BA56C4#BE56C0#C356BB#C856B6#CE56B0

Colorpallet from #56B0CE to #B056CE and to #CEB056
#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE
#64A2CE#65A4CB#66A6C8#66A9C5#67ABC2#68ADBF#69B0BB
#7393CE#7498C8#769CC2#77A1BC#79A6B6#7AAAB0#7CB0A8
#8185CE#838CC5#8693BB#889AB2#8BA1A9#8DA7A0#90B094
#9076CE#937FC2#9689B5#9992A9#9C9B9D#9FA490#A3B081
#9E68CE#A274BF#A67FAF#AA8BA0#AD9691#B1A281#B6B06E
#B056CE#B564BB#BA73A8#BE8194#C39081#C89E6E#CEB056

Colorpallet from #56B0CE to #B0CE56 and to #CE56B0
#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE
#64B5BB#65B2BD#66AFBF#66ACC2#67A9C4#68A6C6#69A2C9
#73BAA8#74B4AC#76AEB1#77A7B5#79A1BA#7A9BBE#7C93C4
#81BE94#83B59B#86ACA2#88A3A9#8B9AB0#8D90B7#9085C0
#90C381#93B78A#96AA94#999E9D#9C92A6#9F85AF#A376BB
#9EC86E#A2B97A#A6A985#AA9A91#AD8B9C#B17BA8#B668B6
#B0CE56#B5BB64#BAA873#BE9481#C38190#C86E9E#CE56B0

Colorpallet from #56B0CE to #B0CE56 and to #CEB056
#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE
#64B5BB#65B4BB#66B3BB#66B3BB#67B2BB#68B1BB#69B0BB
#73BAA8#74B8A8#76B7A8#77B5A8#79B4A8#7AB2A8#7CB0A8
#81BE94#83BC94#86BA94#88B794#8BB594#8DB394#90B094
#90C381#93C081#96BD81#99BA81#9CB781#9FB481#A3B081
#9EC86E#A2C46E#A6C06E#AABC6E#ADB96E#B1B56E#B6B06E
#B0CE56#B5C956#BAC456#BEC056#C3BB56#C8B656#CEB056

Colorpallet from #56B0CE to #CE56B0 and to #CEB056
#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE#56B0CE
#69A2C9#69A4C7#69A6C5#69A9C2#69ABC0#69ADBE#69B0BB
#7C93C4#7C98C0#7C9CBB#7CA1B7#7CA6B2#7CAAAE#7CB0A8
#9085C0#908CB9#9093B2#909AAB#90A1A4#90A79D#90B094
#A376BB#A37FB2#A389A8#A3929F#A39B96#A3A48D#A3B081
#B668B6#B674AA#B67F9F#B68B93#B69688#B6A27C#B6B06E
#CE56B0#CE64A2#CE7393#CE8185#CE9076#CE9E68#CEB056