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 #CDABDE to #CDDEAB and to #ABCDDE
#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE
#CDB3D6	#CCB3D7	#CBB2D9	#CBB2DA	#CAB1DB	#C9B1DC	#C8B0DE
#CDBBCE	#CBBAD1	#C9B9D3	#C8B9D6	#C6B8D8	#C4B7DB	#C2B6DE
#CDC3C6	#CAC2CA	#C8C0CE	#C5BFD2	#C3BED5	#C0BDD9	#BDBBDE
#CDCCBD	#C9CAC2	#C6C8C8	#C2C7CD	#BFC5D2	#BBC3D7	#B7C1DE
#CDD4B5	#C9D2BC	#C4D0C2	#C0CDC9	#BCCBCF	#B7C9D6	#B2C6DE
#CDDEAB	#C8DBB3	#C2D9BB	#BDD6C3	#B7D3CC	#B2D0D4	#ABCDDE
Colorpallet from #CDABDE to #CDDEAB and to #ABDECD
#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE
#CDB3D6	#CCB3D7	#CBB3D8	#CBB3D8	#CAB3D9	#C9B3DA	#C8B3DB
#CDBBCE	#CBBBD0	#C9BBD2	#C8BBD3	#C6BBD5	#C4BBD7	#C2BBD9
#CDC3C6	#CAC3C9	#C8C3CB	#C5C3CE	#C3C3D0	#C0C3D3	#BDC3D6
#CDCCBD	#C9CCC1	#C6CCC4	#C2CCC8	#BFCCCB	#BBCCCF	#B7CCD3
#CDD4B5	#C9D4B9	#C4D4BE	#C0D4C2	#BCD4C6	#B7D4CB	#B2D4D0
#CDDEAB	#C8DEB0	#C2DEB6	#BDDEBB	#B7DEC1	#B2DEC6	#ABDECD
Colorpallet from #CDABDE to #CDDEAB and to #DECDAB
#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE
#CDB3D6	#CDB3D6	#CEB2D6	#CEB2D6	#CFB1D6	#CFB1D6	#D0B0D6
#CDBBCE	#CEBACE	#CFB9CE	#CFB9CE	#D0B8CE	#D1B7CE	#D2B6CE
#CDC3C6	#CEC2C6	#D0C0C6	#D1BFC6	#D2BEC6	#D3BDC6	#D5BBC6
#CDCCBD	#CFCABD	#D1C8BD	#D2C7BD	#D4C5BD	#D6C3BD	#D8C1BD
#CDD4B5	#CFD2B5	#D1D0B5	#D4CDB5	#D6CBB5	#D8C9B5	#DBC6B5
#CDDEAB	#D0DBAB	#D2D9AB	#D5D6AB	#D8D3AB	#DBD0AB	#DECDAB
Colorpallet from #CDABDE to #CDDEAB and to #DEABCD
#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE
#CDB3D6	#CDB2D7	#CEB0D8	#CEAFD8	#CFAED9	#CFADDA	#D0ABDB
#CDBBCE	#CEB8D0	#CFB6D2	#CFB3D3	#D0B1D5	#D1AED7	#D2ABD9
#CDC3C6	#CEBFC9	#D0BBCB	#D1B7CE	#D2B4D0	#D3B0D3	#D5ABD6
#CDCCBD	#CFC7C1	#D1C1C4	#D2BCC8	#D4B7CB	#D6B2CF	#D8ABD3
#CDD4B5	#CFCDB9	#D1C7BE	#D4C0C2	#D6BAC6	#D8B3CB	#DBABD0
#CDDEAB	#D0D6B0	#D2CEB6	#D5C6BB	#D8BDC1	#DBB5C6	#DEABCD
Colorpallet from #CDABDE to #ABCDDE and to #ABDECD
#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE
#C8B0DE	#C8B0DE	#C8B1DD	#C8B1DD	#C8B2DC	#C8B2DC	#C8B3DB
#C2B6DE	#C2B7DD	#C2B8DC	#C2B8DC	#C2B9DB	#C2BADA	#C2BBD9
#BDBBDE	#BDBCDD	#BDBEDB	#BDBFDA	#BDC0D9	#BDC1D8	#BDC3D6
#B7C1DE	#B7C3DC	#B7C5DA	#B7C6D9	#B7C8D7	#B7CAD5	#B7CCD3
#B2C6DE	#B2C8DC	#B2CADA	#B2CDD7	#B2CFD5	#B2D1D3	#B2D4D0
#ABCDDE	#ABD0DB	#ABD2D9	#ABD5D6	#ABD8D3	#ABDBD0	#ABDECD
Colorpallet from #CDABDE to #ABCDDE and to #DECDAB
#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE
#C8B0DE	#C9B0DD	#CBB0DB	#CCB0DA	#CDB0D9	#CEB0D8	#D0B0D6
#C2B6DE	#C5B6DB	#C7B6D9	#CAB6D6	#CCB6D4	#CFB6D1	#D2B6CE
#BDBBDE	#C1BBDA	#C5BBD6	#C9BBD2	#CCBBCF	#D0BBCB	#D5BBC6
#B7C1DE	#BCC1D9	#C2C1D3	#C7C1CE	#CCC1C9	#D1C1C4	#D8C1BD
#B2C6DE	#B9C6D7	#BFC6D1	#C6C6CA	#CCC6C4	#D3C6BD	#DBC6B5
#ABCDDE	#B3CDD6	#BBCDCE	#C3CDC6	#CCCDBD	#D4CDB5	#DECDAB
Colorpallet from #CDABDE to #ABCDDE and to #DEABCD
#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE
#C8B0DE	#C9AFDE	#CBAEDD	#CCAEDD	#CDADDC	#CEACDC	#D0ABDB
#C2B6DE	#C5B4DD	#C7B2DC	#CAB1DC	#CCAFDB	#CFADDA	#D2ABD9
#BDBBDE	#C1B8DD	#C5B6DB	#C9B3DA	#CCB1D9	#D0AED8	#D5ABD6
#B7C1DE	#BCBDDC	#C2BADA	#C7B6D9	#CCB3D7	#D1AFD5	#D8ABD3
#B2C6DE	#B9C2DC	#BFBDDA	#C6B9D7	#CCB5D5	#D3B0D3	#DBABD0
#ABCDDE	#B3C8DB	#BBC2D9	#C3BDD6	#CCB7D3	#D4B2D0	#DEABCD
Colorpallet from #CDABDE to #ABDECD and to #DECDAB
#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE
#C8B3DB	#C9B3DA	#CBB2D9	#CCB2D9	#CDB1D8	#CEB1D7	#D0B0D6
#C2BBD9	#C5BAD7	#C7B9D5	#CAB9D4	#CCB8D2	#CFB7D0	#D2B6CE
#BDC3D6	#C1C2D3	#C5C0D1	#C9BFCE	#CCBECC	#D0BDC9	#D5BBC6
#B7CCD3	#BCCACF	#C2C8CC	#C7C7C8	#CCC5C5	#D1C3C1	#D8C1BD
#B2D4D0	#B9D2CC	#BFD0C7	#C6CDC3	#CCCBBF	#D3C9BA	#DBC6B5
#ABDECD	#B3DBC8	#BBD9C2	#C3D6BD	#CCD3B7	#D4D0B2	#DECDAB
Colorpallet from #CDABDE to #ABDECD and to #DEABCD
#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE
#C8B3DB	#C9B2DB	#CBB0DB	#CCAFDB	#CDAEDB	#CEADDB	#D0ABDB
#C2BBD9	#C5B8D9	#C7B6D9	#CAB3D9	#CCB1D9	#CFAED9	#D2ABD9
#BDC3D6	#C1BFD6	#C5BBD6	#C9B7D6	#CCB4D6	#D0B0D6	#D5ABD6
#B7CCD3	#BCC7D3	#C2C1D3	#C7BCD3	#CCB7D3	#D1B2D3	#D8ABD3
#B2D4D0	#B9CDD0	#BFC7D0	#C6C0D0	#CCBAD0	#D3B3D0	#DBABD0
#ABDECD	#B3D6CD	#BBCECD	#C3C6CD	#CCBDCD	#D4B5CD	#DEABCD
Colorpallet from #CDABDE to #DECDAB and to #DEABCD
#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE	#CDABDE
#D0B0D6	#D0AFD7	#D0AED8	#D0AED8	#D0ADD9	#D0ACDA	#D0ABDB
#D2B6CE	#D2B4D0	#D2B2D2	#D2B1D3	#D2AFD5	#D2ADD7	#D2ABD9
#D5BBC6	#D5B8C9	#D5B6CB	#D5B3CE	#D5B1D0	#D5AED3	#D5ABD6
#D8C1BD	#D8BDC1	#D8BAC4	#D8B6C8	#D8B3CB	#D8AFCF	#D8ABD3
#DBC6B5	#DBC2B9	#DBBDBE	#DBB9C2	#DBB5C6	#DBB0CB	#DBABD0
#DECDAB	#DEC8B0	#DEC2B6	#DEBDBB	#DEB7C1	#DEB2C6	#DEABCD