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 #C1DDBF to #C1BFDD and to #DDC1BF
#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF
#C1D8C4#C2D8C3#C2D8C2#C3D8C2#C4D9C1#C4D9C0#C5D9BF
#C1D3C9#C2D3C7#C4D3C6#C5D3C4#C7D4C3#C8D4C1#CAD4BF
#C1CFCD#C3CFCB#C5CFC9#C7CFC6#C9D0C4#CBD0C2#CED0BF
#C1CAD2#C4CACF#C7CACC#CACAC9#CDCBC6#CFCBC3#D3CBBF
#C1C5D7#C5C5D3#C8C6CF#CCC6CB#CFC6C8#D3C7C4#D7C7BF
#C1BFDD#C5BFD8#CAC0D3#CEC0CF#D3C0CA#D7C1C5#DDC1BF

Colorpallet from #C1DDBF to #C1BFDD and to #DDBFC1
#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF
#C1D8C4#C2D8C3#C2D8C2#C3D8C2#C4D8C1#C4D8C0#C5D8BF
#C1D3C9#C2D3C8#C4D3C6#C5D3C5#C7D3C3#C8D3C2#CAD3C0
#C1CFCD#C3CFCB#C5CFC9#C7CFC7#C9CFC5#CBCFC3#CECFC0
#C1CAD2#C4CACF#C7CACC#CACAC9#CDCAC6#CFCAC4#D3CAC0
#C1C5D7#C5C5D3#C8C5D0#CCC5CC#CFC5C9#D3C5C5#D7C5C1
#C1BFDD#C5BFD9#CABFD4#CEBFD0#D3BFCB#D7BFC7#DDBFC1

Colorpallet from #C1DDBF to #C1BFDD and to #BFC1DD
#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF
#C1D8C4#C1D8C4#C1D8C4#C1D8C4#C1D9C4#C1D9C4#C1D9C4
#C1D3C9#C1D3C9#C1D3C9#C1D3C9#C0D4C9#C0D4C9#C0D4C9
#C1CFCD#C1CFCD#C1CFCD#C1CFCD#C0D0CD#C0D0CD#C0D0CD
#C1CAD2#C1CAD2#C1CAD2#C1CAD2#C0CBD2#C0CBD2#C0CBD2
#C1C5D7#C1C5D7#C0C6D7#C0C6D7#C0C6D7#BFC7D7#BFC7D7
#C1BFDD#C1BFDD#C0C0DD#C0C0DD#C0C0DD#BFC1DD#BFC1DD

Colorpallet from #C1DDBF to #C1BFDD and to #BFDDC1
#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF
#C1D8C4#C1D9C3#C1DAC2#C1DAC2#C1DBC1#C1DCC0#C1DDBF
#C1D3C9#C1D5C8#C1D6C6#C1D8C5#C0D9C3#C0DBC2#C0DDC0
#C1CFCD#C1D1CB#C1D3C9#C1D6C7#C0D8C5#C0DAC3#C0DDC0
#C1CAD2#C1CDCF#C1D0CC#C1D3C9#C0D6C6#C0D9C4#C0DDC0
#C1C5D7#C1C9D3#C0CDD0#C0D1CC#C0D4C9#BFD8C5#BFDDC1
#C1BFDD#C1C4D9#C0C9D4#C0CDD0#C0D2CB#BFD7C7#BFDDC1

Colorpallet from #C1DDBF to #DDC1BF and to #DDBFC1
#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF
#C5D9BF#C5D9BF#C5D9BF#C5D9BF#C5D8BF#C5D8BF#C5D8BF
#CAD4BF#CAD4BF#CAD4BF#CAD4BF#CAD3C0#CAD3C0#CAD3C0
#CED0BF#CED0BF#CED0BF#CED0BF#CECFC0#CECFC0#CECFC0
#D3CBBF#D3CBBF#D3CBBF#D3CBBF#D3CAC0#D3CAC0#D3CAC0
#D7C7BF#D7C7BF#D7C6C0#D7C6C0#D7C6C0#D7C5C1#D7C5C1
#DDC1BF#DDC1BF#DDC0C0#DDC0C0#DDC0C0#DDBFC1#DDBFC1

Colorpallet from #C1DDBF to #DDC1BF and to #BFC1DD
#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF
#C5D9BF#C4D9C0#C4D9C1#C3D9C1#C2D9C2#C2D9C3#C1D9C4
#CAD4BF#C8D4C1#C7D4C2#C5D4C4#C4D4C5#C2D4C7#C0D4C9
#CED0BF#CCD0C1#CAD0C3#C7D0C6#C5D0C8#C3D0CA#C0D0CD
#D3CBBF#D0CBC2#CDCBC5#CACBC8#C7CBCB#C4CBCE#C0CBD2
#D7C7BF#D3C7C3#CFC7C7#CBC7CB#C8C7CE#C4C7D2#BFC7D7
#DDC1BF#D8C1C4#D3C1C9#CFC1CD#CAC1D2#C5C1D7#BFC1DD

Colorpallet from #C1DDBF to #DDC1BF and to #BFDDC1
#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF
#C5D9BF#C4DABF#C4DABF#C3DBBF#C2DCBF#C2DCBF#C1DDBF
#CAD4BF#C8D5BF#C7D7BF#C5D8BF#C4DAC0#C2DBC0#C0DDC0
#CED0BF#CCD2BF#CAD4BF#C7D6BF#C5D8C0#C3DAC0#C0DDC0
#D3CBBF#D0CEBF#CDD1BF#CAD4BF#C7D7C0#C4D9C0#C0DDC0
#D7C7BF#D3CBBF#CFCEC0#CBD2C0#C8D5C0#C4D9C1#BFDDC1
#DDC1BF#D8C5BF#D3CAC0#CFCEC0#CAD3C0#C5D7C1#BFDDC1

Colorpallet from #C1DDBF to #DDBFC1 and to #BFC1DD
#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF
#C5D8BF#C4D8C0#C4D8C1#C3D8C1#C2D9C2#C2D9C3#C1D9C4
#CAD3C0#C8D3C1#C7D3C3#C5D3C4#C4D4C6#C2D4C7#C0D4C9
#CECFC0#CCCFC2#CACFC4#C7CFC6#C5D0C8#C3D0CA#C0D0CD
#D3CAC0#D0CAC3#CDCAC6#CACAC9#C7CBCC#C4CBCE#C0CBD2
#D7C5C1#D3C5C5#CFC6C8#CBC6CC#C8C6CF#C4C7D3#BFC7D7
#DDBFC1#D8BFC5#D3C0CA#CFC0CE#CAC0D3#C5C1D7#BFC1DD

Colorpallet from #C1DDBF to #DDBFC1 and to #BFDDC1
#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF
#C5D8BF#C4D9BF#C4DABF#C3DABF#C2DBBF#C2DCBF#C1DDBF
#CAD3C0#C8D5C0#C7D6C0#C5D8C0#C4D9C0#C2DBC0#C0DDC0
#CECFC0#CCD1C0#CAD3C0#C7D6C0#C5D8C0#C3DAC0#C0DDC0
#D3CAC0#D0CDC0#CDD0C0#CAD3C0#C7D6C0#C4D9C0#C0DDC0
#D7C5C1#D3C9C1#CFCDC1#CBD1C1#C8D4C1#C4D8C1#BFDDC1
#DDBFC1#D8C4C1#D3C9C1#CFCDC1#CAD2C1#C5D7C1#BFDDC1

Colorpallet from #C1DDBF to #BFC1DD and to #BFDDC1
#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF#C1DDBF
#C1D9C4#C1DAC3#C1DAC2#C1DBC2#C1DCC1#C1DCC0#C1DDBF
#C0D4C9#C0D5C8#C0D7C6#C0D8C5#C0DAC3#C0DBC2#C0DDC0
#C0D0CD#C0D2CB#C0D4C9#C0D6C7#C0D8C5#C0DAC3#C0DDC0
#C0CBD2#C0CECF#C0D1CC#C0D4C9#C0D7C6#C0D9C4#C0DDC0
#BFC7D7#BFCBD3#BFCED0#BFD2CC#BFD5C9#BFD9C5#BFDDC1
#BFC1DD#BFC5D9#BFCAD4#BFCED0#BFD3CB#BFD7C7#BFDDC1