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 #BADCD1 to #BAD1DC and to #DCBAD1
#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1
#BADAD3	#BBDAD3	#BCD9D2	#BCD9D2	#BDD8D2	#BED8D1	#BFD7D1
#BAD8D5	#BCD7D4	#BED6D4	#BFD5D3	#C1D4D2	#C3D2D2	#C5D1D1
#BAD7D6	#BDD5D5	#BFD3D4	#C2D2D4	#C4D0D3	#C7CED2	#CACCD1
#BAD5D8	#BED3D7	#C1D0D6	#C5CED5	#C8CBD4	#CCC9D2	#D0C6D1
#BAD3DA	#BED0D9	#C3CDD7	#C7CAD6	#CBC7D4	#D0C5D3	#D5C1D1
#BAD1DC	#BFCDDA	#C5CAD8	#CAC6D7	#D0C2D5	#D5BFD3	#DCBAD1
Colorpallet from #BADCD1 to #BAD1DC and to #DCD1BA
#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1
#BADAD3	#BBDAD2	#BCDAD1	#BCDAD0	#BDDACF	#BEDACE	#BFDACD
#BAD8D5	#BCD8D3	#BED8D1	#BFD8D0	#C1D8CE	#C3D8CC	#C5D8CA
#BAD7D6	#BDD7D3	#BFD7D1	#C2D7CE	#C4D7CC	#C7D7C9	#CAD7C6
#BAD5D8	#BED5D4	#C1D5D1	#C5D5CD	#C8D5CA	#CCD5C6	#D0D5C2
#BAD3DA	#BED3D6	#C3D3D1	#C7D3CD	#CBD3C9	#D0D3C4	#D5D3BF
#BAD1DC	#BFD1D7	#C5D1D1	#CAD1CC	#D0D1C6	#D5D1C1	#DCD1BA
Colorpallet from #BADCD1 to #BAD1DC and to #D1BADC
#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1
#BADAD3	#BBDAD3	#BBD9D3	#BCD9D3	#BDD8D3	#BDD8D3	#BED7D3
#BAD8D5	#BBD7D5	#BCD6D5	#BDD5D5	#BED4D5	#C0D2D5	#C1D1D5
#BAD7D6	#BCD5D6	#BED3D6	#BFD2D6	#C1D0D6	#C3CED6	#C5CCD6
#BAD5D8	#BCD3D8	#BFD0D8	#C1CED8	#C4CBD8	#C6C9D8	#C9C6D8
#BAD3DA	#BDD0DA	#C0CDDA	#C3CADA	#C6C7DA	#C8C5DA	#CCC1DA
#BAD1DC	#BECDDC	#C1CADC	#C5C6DC	#C9C2DC	#CCBFDC	#D1BADC
Colorpallet from #BADCD1 to #BAD1DC and to #D1DCBA
#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1
#BADAD3	#BBDAD2	#BBDBD1	#BCDBD0	#BDDBCF	#BDDCCE	#BEDCCD
#BAD8D5	#BBD9D3	#BCD9D1	#BDDAD0	#BEDBCE	#C0DBCC	#C1DCCA
#BAD7D6	#BCD8D3	#BED9D1	#BFD9CE	#C1DACC	#C3DBC9	#C5DCC6
#BAD5D8	#BCD6D4	#BFD7D1	#C1D8CD	#C4D9CA	#C6DBC6	#C9DCC2
#BAD3DA	#BDD4D6	#C0D6D1	#C3D7CD	#C6D9C9	#C8DAC4	#CCDCBF
#BAD1DC	#BED3D7	#C1D5D1	#C5D6CC	#C9D8C6	#CCDAC1	#D1DCBA
Colorpallet from #BADCD1 to #DCBAD1 and to #DCD1BA
#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1
#BFD7D1	#BFD7D0	#BFD8D0	#BFD8CF	#BFD9CE	#BFD9CE	#BFDACD
#C5D1D1	#C5D2D0	#C5D3CF	#C5D4CE	#C5D5CD	#C5D7CB	#C5D8CA
#CACCD1	#CACECF	#CAD0CD	#CAD1CC	#CAD3CA	#CAD5C8	#CAD7C6
#D0C6D1	#D0C8CF	#D0CBCC	#D0CDCA	#D0D0C7	#D0D2C5	#D0D5C2
#D5C1D1	#D5C4CE	#D5C7CB	#D5CAC8	#D5CDC5	#D5CFC3	#D5D3BF
#DCBAD1	#DCBECD	#DCC1CA	#DCC5C6	#DCC9C2	#DCCCBF	#DCD1BA
Colorpallet from #BADCD1 to #DCBAD1 and to #D1BADC
#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1
#BFD7D1	#BFD7D1	#BFD7D2	#BFD7D2	#BED7D2	#BED7D3	#BED7D3
#C5D1D1	#C4D1D2	#C4D1D2	#C3D1D3	#C2D1D4	#C2D1D4	#C1D1D5
#CACCD1	#C9CCD2	#C8CCD3	#C8CCD3	#C7CCD4	#C6CCD5	#C5CCD6
#D0C6D1	#CFC6D2	#CEC6D3	#CDC6D4	#CCC6D5	#CAC6D7	#C9C6D8
#D5C1D1	#D4C1D2	#D2C1D4	#D1C1D5	#CFC1D7	#CEC1D8	#CCC1DA
#DCBAD1	#DABAD3	#D8BAD5	#D7BAD6	#D5BAD8	#D3BADA	#D1BADC
Colorpallet from #BADCD1 to #DCBAD1 and to #D1DCBA
#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1
#BFD7D1	#BFD8D0	#BFD9D0	#BFD9CF	#BEDACE	#BEDBCE	#BEDCCD
#C5D1D1	#C4D3D0	#C4D5CF	#C3D6CE	#C2D8CD	#C2DACB	#C1DCCA
#CACCD1	#C9CFCF	#C8D1CD	#C8D4CC	#C7D6CA	#C6D9C8	#C5DCC6
#D0C6D1	#CFCACF	#CECDCC	#CDD1CA	#CCD4C7	#CAD8C5	#C9DCC2
#D5C1D1	#D4C5CE	#D2CACB	#D1CEC8	#CFD2C5	#CED7C3	#CCDCBF
#DCBAD1	#DABFCD	#D8C5CA	#D7CAC6	#D5D0C2	#D3D5BF	#D1DCBA
Colorpallet from #BADCD1 to #DCD1BA and to #D1BADC
#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1
#BFDACD	#BFDACE	#BFD9CF	#BFD9D0	#BED8D1	#BED8D2	#BED7D3
#C5D8CA	#C4D7CC	#C4D6CE	#C3D5CF	#C2D4D1	#C2D2D3	#C1D1D5
#CAD7C6	#C9D5C9	#C8D3CB	#C8D2CE	#C7D0D0	#C6CED3	#C5CCD6
#D0D5C2	#CFD3C6	#CED0C9	#CDCECD	#CCCBD0	#CAC9D4	#C9C6D8
#D5D3BF	#D4D0C3	#D2CDC8	#D1CACC	#CFC7D0	#CEC5D5	#CCC1DA
#DCD1BA	#DACDBF	#D8CAC5	#D7C6CA	#D5C2D0	#D3BFD5	#D1BADC
Colorpallet from #BADCD1 to #DCD1BA and to #D1DCBA
#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1
#BFDACD	#BFDACD	#BFDBCD	#BFDBCD	#BEDBCD	#BEDCCD	#BEDCCD
#C5D8CA	#C4D9CA	#C4D9CA	#C3DACA	#C2DBCA	#C2DBCA	#C1DCCA
#CAD7C6	#C9D8C6	#C8D9C6	#C8D9C6	#C7DAC6	#C6DBC6	#C5DCC6
#D0D5C2	#CFD6C2	#CED7C2	#CDD8C2	#CCD9C2	#CADBC2	#C9DCC2
#D5D3BF	#D4D4BF	#D2D6BF	#D1D7BF	#CFD9BF	#CEDABF	#CCDCBF
#DCD1BA	#DAD3BA	#D8D5BA	#D7D6BA	#D5D8BA	#D3DABA	#D1DCBA
Colorpallet from #BADCD1 to #D1BADC and to #D1DCBA
#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1	#BADCD1
#BED7D3	#BED8D2	#BED9D1	#BED9D0	#BEDACF	#BEDBCE	#BEDCCD
#C1D1D5	#C1D3D3	#C1D5D1	#C1D6D0	#C1D8CE	#C1DACC	#C1DCCA
#C5CCD6	#C5CFD3	#C5D1D1	#C5D4CE	#C5D6CC	#C5D9C9	#C5DCC6
#C9C6D8	#C9CAD4	#C9CDD1	#C9D1CD	#C9D4CA	#C9D8C6	#C9DCC2
#CCC1DA	#CCC5D6	#CCCAD1	#CCCECD	#CCD2C9	#CCD7C4	#CCDCBF
#D1BADC	#D1BFD7	#D1C5D1	#D1CACC	#D1D0C6	#D1D5C1	#D1DCBA