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 #CFE2BC to #CFBCE2 and to #E2CFBC
#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC
#CFDCC2#CFDCC1#D0DDC0#D0DDBF#D1DEBE#D1DEBD#D2DFBC
#CFD6C8#D0D7C6#D1D8C4#D2D9C2#D3DAC0#D4DBBE#D5DCBC
#CFD0CE#D0D1CB#D2D3C8#D3D4C5#D5D6C2#D6D7C0#D8D9BC
#CFCAD4#D1CCD0#D3CECC#D5D0C8#D7D2C5#D9D4C1#DBD6BC
#CFC4DA#D1C6D5#D4C9D0#D6CBCC#D9CEC7#DBD0C2#DED3BC
#CFBCE2#D2BFDC#D5C2D6#D8C5D0#DBC8CA#DECBC4#E2CFBC

Colorpallet from #CFE2BC to #CFBCE2 and to #E2BCCF
#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC
#CFDCC2#CFDCC2#D0DCC1#D0DCC1#D1DCC0#D1DCC0#D2DCBF
#CFD6C8#D0D6C7#D1D6C6#D2D6C5#D3D6C4#D4D6C3#D5D6C2
#CFD0CE#D0D0CD#D2D0CB#D3D0CA#D5D0C8#D6D0C7#D8D0C5
#CFCAD4#D1CAD2#D3CAD0#D5CACE#D7CACC#D9CACA#DBCAC8
#CFC4DA#D1C4D8#D4C4D5#D6C4D3#D9C4D0#DBC4CE#DEC4CB
#CFBCE2#D2BCDF#D5BCDC#D8BCD9#DBBCD6#DEBCD3#E2BCCF

Colorpallet from #CFE2BC to #CFBCE2 and to #BCCFE2
#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC
#CFDCC2#CFDCC2#CEDDC2#CEDDC2#CDDEC2#CDDEC2#CCDFC2
#CFD6C8#CED7C8#CDD8C8#CCD9C8#CBDAC8#CADBC8#C9DCC8
#CFD0CE#CED1CE#CCD3CE#CBD4CE#C9D6CE#C8D7CE#C6D9CE
#CFCAD4#CDCCD4#CBCED4#C9D0D4#C7D2D4#C5D4D4#C3D6D4
#CFC4DA#CDC6DA#CAC9DA#C8CBDA#C5CEDA#C3D0DA#C0D3DA
#CFBCE2#CCBFE2#C9C2E2#C6C5E2#C3C8E2#C0CBE2#BCCFE2

Colorpallet from #CFE2BC to #CFBCE2 and to #BCE2CF
#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC
#CFDCC2#CFDDC2#CEDEC1#CEDFC1#CDE0C0#CDE1C0#CCE2BF
#CFD6C8#CED8C7#CDDAC6#CCDCC5#CBDEC4#CAE0C3#C9E2C2
#CFD0CE#CED3CD#CCD6CB#CBD9CA#C9DCC8#C8DEC7#C6E2C5
#CFCAD4#CDCED2#CBD2D0#C9D6CE#C7D9CC#C5DDCA#C3E2C8
#CFC4DA#CDC9D8#CACED5#C8D2D3#C5D7D0#C3DCCE#C0E2CB
#CFBCE2#CCC2DF#C9C8DC#C6CED9#C3D4D6#C0DAD3#BCE2CF

Colorpallet from #CFE2BC to #E2CFBC and to #E2BCCF
#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC
#D2DFBC#D2DFBC#D2DEBD#D2DEBD#D2DDBE#D2DDBE#D2DCBF
#D5DCBC#D5DBBD#D5DABE#D5D9BF#D5D8C0#D5D7C1#D5D6C2
#D8D9BC#D8D8BD#D8D6BF#D8D5C0#D8D3C2#D8D2C3#D8D0C5
#DBD6BC#DBD4BE#DBD2C0#DBD0C2#DBCEC4#DBCCC6#DBCAC8
#DED3BC#DED1BE#DECEC1#DECCC3#DEC9C6#DEC7C8#DEC4CB
#E2CFBC#E2CCBF#E2C9C2#E2C6C5#E2C3C8#E2C0CB#E2BCCF

Colorpallet from #CFE2BC to #E2CFBC and to #BCCFE2
#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC
#D2DFBC#D1DFBD#D0DFBE#CFDFBF#CEDFC0#CDDFC1#CCDFC2
#D5DCBC#D3DCBE#D1DCC0#CFDCC2#CDDCC4#CBDCC6#C9DCC8
#D8D9BC#D5D9BF#D2D9C2#CFD9C5#CCD9C8#CAD9CA#C6D9CE
#DBD6BC#D7D6C0#D3D6C4#CFD6C8#CCD6CB#C8D6CF#C3D6D4
#DED3BC#D9D3C1#D4D3C6#D0D3CA#CBD3CF#C6D3D4#C0D3DA
#E2CFBC#DCCFC2#D6CFC8#D0CFCE#CACFD4#C4CFDA#BCCFE2

Colorpallet from #CFE2BC to #E2CFBC and to #BCE2CF
#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC
#D2DFBC#D1DFBC#D0E0BD#CFE0BD#CEE1BE#CDE1BE#CCE2BF
#D5DCBC#D3DDBD#D1DEBE#CFDFBF#CDE0C0#CBE1C1#C9E2C2
#D8D9BC#D5DABD#D2DCBF#CFDDC0#CCDFC2#CAE0C3#C6E2C5
#DBD6BC#D7D8BE#D3DAC0#CFDCC2#CCDEC4#C8E0C6#C3E2C8
#DED3BC#D9D5BE#D4D8C1#D0DAC3#CBDDC6#C6DFC8#C0E2CB
#E2CFBC#DCD2BF#D6D5C2#D0D8C5#CADBC8#C4DECB#BCE2CF

Colorpallet from #CFE2BC to #E2BCCF and to #BCCFE2
#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC
#D2DCBF#D1DCBF#D0DDC0#CFDDC0#CEDEC1#CDDEC1#CCDFC2
#D5D6C2#D3D7C3#D1D8C4#CFD9C5#CDDAC6#CBDBC7#C9DCC8
#D8D0C5#D5D1C6#D2D3C8#CFD4C9#CCD6CB#CAD7CC#C6D9CE
#DBCAC8#D7CCCA#D3CECC#CFD0CE#CCD2D0#C8D4D2#C3D6D4
#DEC4CB#D9C6CD#D4C9D0#D0CBD2#CBCED5#C6D0D7#C0D3DA
#E2BCCF#DCBFD2#D6C2D5#D0C5D8#CAC8DB#C4CBDE#BCCFE2

Colorpallet from #CFE2BC to #E2BCCF and to #BCE2CF
#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC
#D2DCBF#D1DDBF#D0DEBF#CFDFBF#CEE0BF#CDE1BF#CCE2BF
#D5D6C2#D3D8C2#D1DAC2#CFDCC2#CDDEC2#CBE0C2#C9E2C2
#D8D0C5#D5D3C5#D2D6C5#CFD9C5#CCDCC5#CADEC5#C6E2C5
#DBCAC8#D7CEC8#D3D2C8#CFD6C8#CCD9C8#C8DDC8#C3E2C8
#DEC4CB#D9C9CB#D4CECB#D0D2CB#CBD7CB#C6DCCB#C0E2CB
#E2BCCF#DCC2CF#D6C8CF#D0CECF#CAD4CF#C4DACF#BCE2CF

Colorpallet from #CFE2BC to #BCCFE2 and to #BCE2CF
#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC#CFE2BC
#CCDFC2#CCDFC2#CCE0C1#CCE0C1#CCE1C0#CCE1C0#CCE2BF
#C9DCC8#C9DDC7#C9DEC6#C9DFC5#C9E0C4#C9E1C3#C9E2C2
#C6D9CE#C6DACD#C6DCCB#C6DDCA#C6DFC8#C6E0C7#C6E2C5
#C3D6D4#C3D8D2#C3DAD0#C3DCCE#C3DECC#C3E0CA#C3E2C8
#C0D3DA#C0D5D8#C0D8D5#C0DAD3#C0DDD0#C0DFCE#C0E2CB
#BCCFE2#BCD2DF#BCD5DC#BCD8D9#BCDBD6#BCDED3#BCE2CF