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 #CFDEBA to #CFBADE and to #DECFBA
#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA
#CFD8C0	#CFD9BF	#D0D9BE	#D0DABD	#D0DBBC	#D1DBBB	#D1DCBA
#CFD2C6	#D0D3C4	#D1D4C2	#D1D5C0	#D2D6BE	#D3D8BC	#D4D9BA
#CFCDCB	#D0CFC8	#D1D0C6	#D2D2C3	#D3D3C0	#D5D5BD	#D6D7BA
#CFC7D1	#D1C9CD	#D2CBCA	#D4CDC6	#D5CFC2	#D7D1BF	#D9D4BA
#CFC1D7	#D1C4D2	#D3C6CE	#D5C9C9	#D7CCC4	#D9CFC0	#DBD2BA
#CFBADE	#D1BDD8	#D4C1D2	#D6C4CD	#D9C7C7	#DBCBC1	#DECFBA
Colorpallet from #CFDEBA to #CFBADE and to #DEBACF
#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA
#CFD8C0	#CFD8C0	#D0D8BF	#D0D8BF	#D0D8BE	#D1D8BE	#D1D8BD
#CFD2C6	#D0D2C5	#D1D2C4	#D1D2C4	#D2D2C3	#D3D2C2	#D4D2C1
#CFCDCB	#D0CDCA	#D1CDC9	#D2CDC8	#D3CDC7	#D5CDC5	#D6CDC4
#CFC7D1	#D1C7CF	#D2C7CE	#D4C7CC	#D5C7CB	#D7C7C9	#D9C7C7
#CFC1D7	#D1C1D5	#D3C1D3	#D5C1D1	#D7C1CF	#D9C1CD	#DBC1CB
#CFBADE	#D1BADC	#D4BAD9	#D6BAD7	#D9BAD4	#DBBAD2	#DEBACF
Colorpallet from #CFDEBA to #CFBADE and to #BACFDE
#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA
#CFD8C0	#CFD9C0	#CED9C0	#CEDAC0	#CDDBC0	#CDDBC0	#CCDCC0
#CFD2C6	#CED3C6	#CDD4C6	#CCD5C6	#CBD6C6	#C9D8C6	#C8D9C6
#CFCDCB	#CDCFCB	#CCD0CB	#CAD2CB	#C9D3CB	#C7D5CB	#C5D7CB
#CFC7D1	#CDC9D1	#CBCBD1	#C9CDD1	#C7CFD1	#C5D1D1	#C2D4D1
#CFC1D7	#CCC4D7	#CAC6D7	#C7C9D7	#C4CCD7	#C1CFD7	#BED2D7
#CFBADE	#CCBDDE	#C8C1DE	#C5C4DE	#C2C7DE	#BECBDE	#BACFDE
Colorpallet from #CFDEBA to #CFBADE and to #BADECF
#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA
#CFD8C0	#CFD9C0	#CEDABF	#CEDBBF	#CDDCBE	#CDDDBE	#CCDEBD
#CFD2C6	#CED4C5	#CDD6C4	#CCD8C4	#CBDAC3	#C9DCC2	#C8DEC1
#CFCDCB	#CDD0CA	#CCD2C9	#CAD5C8	#C9D8C7	#C7DBC5	#C5DEC4
#CFC7D1	#CDCBCF	#CBCECE	#C9D2CC	#C7D6CB	#C5D9C9	#C2DEC7
#CFC1D7	#CCC6D5	#CACAD3	#C7CFD1	#C4D4CF	#C1D8CD	#BEDECB
#CFBADE	#CCC0DC	#C8C6D9	#C5CBD7	#C2D1D4	#BED7D2	#BADECF
Colorpallet from #CFDEBA to #DECFBA and to #DEBACF
#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA
#D1DCBA	#D1DBBA	#D1DBBB	#D1DABB	#D1D9BC	#D1D9BC	#D1D8BD
#D4D9BA	#D4D8BB	#D4D7BC	#D4D6BD	#D4D5BE	#D4D3C0	#D4D2C1
#D6D7BA	#D6D5BC	#D6D4BD	#D6D2BF	#D6D1C0	#D6CFC2	#D6CDC4
#D9D4BA	#D9D2BC	#D9D0BE	#D9CEC0	#D9CCC2	#D9CAC4	#D9C7C7
#DBD2BA	#DBCFBD	#DBCDBF	#DBCAC2	#DBC7C5	#DBC4C8	#DBC1CB
#DECFBA	#DECCBD	#DEC8C1	#DEC5C4	#DEC2C7	#DEBECB	#DEBACF
Colorpallet from #CFDEBA to #DECFBA and to #BACFDE
#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA
#D1DCBA	#D0DCBB	#CFDCBC	#CFDCBD	#CEDCBE	#CDDCBF	#CCDCC0
#D4D9BA	#D2D9BC	#D0D9BE	#CED9C0	#CCD9C2	#CAD9C4	#C8D9C6
#D6D7BA	#D3D7BD	#D1D7BF	#CED7C2	#CBD7C5	#C8D7C8	#C5D7CB
#D9D4BA	#D5D4BE	#D2D4C1	#CED4C5	#CAD4C9	#C7D4CC	#C2D4D1
#DBD2BA	#D6D2BF	#D2D2C3	#CDD2C8	#C8D2CD	#C4D2D1	#BED2D7
#DECFBA	#D8CFC0	#D2CFC6	#CDCFCB	#C7CFD1	#C1CFD7	#BACFDE
Colorpallet from #CFDEBA to #DECFBA and to #BADECF
#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA
#D1DCBA	#D0DCBA	#CFDDBB	#CFDDBB	#CEDDBC	#CDDEBC	#CCDEBD
#D4D9BA	#D2DABB	#D0DBBC	#CEDBBD	#CCDCBE	#CADDC0	#C8DEC1
#D6D7BA	#D3D8BC	#D1D9BD	#CEDABF	#CBDBC0	#C8DDC2	#C5DEC4
#D9D4BA	#D5D6BC	#D2D7BE	#CED9C0	#CADAC2	#C7DCC4	#C2DEC7
#DBD2BA	#D6D4BD	#D2D6BF	#CDD8C2	#C8DAC5	#C4DCC8	#BEDECB
#DECFBA	#D8D1BD	#D2D4C1	#CDD6C4	#C7D9C7	#C1DBCB	#BADECF
Colorpallet from #CFDEBA to #DEBACF and to #BACFDE
#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA
#D1D8BD	#D0D9BD	#CFD9BE	#CFDABE	#CEDBBF	#CDDBBF	#CCDCC0
#D4D2C1	#D2D3C2	#D0D4C3	#CED5C3	#CCD6C4	#CAD8C5	#C8D9C6
#D6CDC4	#D3CFC5	#D1D0C6	#CED2C7	#CBD3C8	#C8D5CA	#C5D7CB
#D9C7C7	#D5C9C9	#D2CBCA	#CECDCC	#CACFCD	#C7D1CF	#C2D4D1
#DBC1CB	#D6C4CD	#D2C6CF	#CDC9D1	#C8CCD3	#C4CFD5	#BED2D7
#DEBACF	#D8BDD1	#D2C1D4	#CDC4D6	#C7C7D9	#C1CBDB	#BACFDE
Colorpallet from #CFDEBA to #DEBACF and to #BADECF
#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA
#D1D8BD	#D0D9BD	#CFDABD	#CFDBBD	#CEDCBD	#CDDDBD	#CCDEBD
#D4D2C1	#D2D4C1	#D0D6C1	#CED8C1	#CCDAC1	#CADCC1	#C8DEC1
#D6CDC4	#D3D0C4	#D1D2C4	#CED5C4	#CBD8C4	#C8DBC4	#C5DEC4
#D9C7C7	#D5CBC7	#D2CEC7	#CED2C7	#CAD6C7	#C7D9C7	#C2DEC7
#DBC1CB	#D6C6CB	#D2CACB	#CDCFCB	#C8D4CB	#C4D8CB	#BEDECB
#DEBACF	#D8C0CF	#D2C6CF	#CDCBCF	#C7D1CF	#C1D7CF	#BADECF
Colorpallet from #CFDEBA to #BACFDE and to #BADECF
#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA	#CFDEBA
#CCDCC0	#CCDCC0	#CCDDBF	#CCDDBF	#CCDDBE	#CCDEBE	#CCDEBD
#C8D9C6	#C8DAC5	#C8DBC4	#C8DBC4	#C8DCC3	#C8DDC2	#C8DEC1
#C5D7CB	#C5D8CA	#C5D9C9	#C5DAC8	#C5DBC7	#C5DDC5	#C5DEC4
#C2D4D1	#C2D6CF	#C2D7CE	#C2D9CC	#C2DACB	#C2DCC9	#C2DEC7
#BED2D7	#BED4D5	#BED6D3	#BED8D1	#BEDACF	#BEDCCD	#BEDECB
#BACFDE	#BAD1DC	#BAD4D9	#BAD6D7	#BAD9D4	#BADBD2	#BADECF