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 #BAD2DC to #BADCD2 and to #D2BADC
#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC
#BAD4DA#BBD3DA#BBD2DB#BCD1DB#BDD0DB#BDCFDC#BECEDC
#BAD5D9#BBD3D9#BDD1DA#BED0DA#BFCEDB#C0CCDB#C2CADC
#BAD7D7#BCD4D8#BED2D9#C0CFD9#C2CCDA#C4C9DB#C6C6DC
#BAD8D6#BCD5D7#BFD1D8#C1CED9#C4CBDA#C6C7DB#C9C3DC
#BADAD4#BDD6D5#C0D1D7#C3CDD8#C6C9D9#C9C4DA#CDBFDC
#BADCD2#BED7D4#C2D1D5#C6CCD7#C9C6D8#CDC1DA#D2BADC

Colorpallet from #BAD2DC to #BADCD2 and to #D2DCBA
#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC
#BAD4DA#BBD4DA#BBD4D9#BCD4D9#BDD4D8#BDD4D8#BED4D7
#BAD5D9#BBD5D8#BDD5D6#BED5D5#BFD5D4#C0D5D3#C2D5D1
#BAD7D7#BCD7D5#BED7D3#C0D7D2#C2D7D0#C4D7CE#C6D7CC
#BAD8D6#BCD8D3#BFD8D1#C1D8CE#C4D8CC#C6D8C9#C9D8C6
#BADAD4#BDDAD1#C0DACE#C3DACB#C6DAC8#C9DAC5#CDDAC1
#BADCD2#BEDCCE#C2DCCA#C6DCC6#C9DCC3#CDDCBF#D2DCBA

Colorpallet from #BAD2DC to #BADCD2 and to #DCBAD2
#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC
#BAD4DA#BBD3DA#BCD2DA#BCD1DA#BDD0DA#BECFDA#BFCEDA
#BAD5D9#BCD3D9#BED1D9#BFD0D9#C1CED9#C3CCD9#C5CAD9
#BAD7D7#BDD4D7#BFD2D7#C2CFD7#C4CCD7#C7C9D7#CAC6D7
#BAD8D6#BED5D6#C1D1D6#C5CED6#C8CBD6#CCC7D6#D0C3D6
#BADAD4#BED6D4#C3D1D4#C7CDD4#CBC9D4#D0C4D4#D5BFD4
#BADCD2#BFD7D2#C5D1D2#CACCD2#D0C6D2#D5C1D2#DCBAD2

Colorpallet from #BAD2DC to #BADCD2 and to #DCD2BA
#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC
#BAD4DA#BBD4DA#BCD3D9#BCD3D9#BDD3D8#BED2D8#BFD2D7
#BAD5D9#BCD5D8#BED4D6#BFD4D5#C1D3D4#C3D3D3#C5D2D1
#BAD7D7#BDD6D5#BFD5D3#C2D5D2#C4D4D0#C7D3CE#CAD2CC
#BAD8D6#BED7D3#C1D6D1#C5D5CE#C8D4CC#CCD3C9#D0D2C6
#BADAD4#BED9D1#C3D7CE#C7D6CB#CBD5C8#D0D4C5#D5D2C1
#BADCD2#BFDACE#C5D9CA#CAD7C6#D0D6C3#D5D4BF#DCD2BA

Colorpallet from #BAD2DC to #D2BADC and to #D2DCBA
#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC
#BECEDC#BECFDB#BED0DA#BED1DA#BED2D9#BED3D8#BED4D7
#C2CADC#C2CCDA#C2CED8#C2CFD7#C2D1D5#C2D3D3#C2D5D1
#C6C6DC#C6C9D9#C6CBD7#C6CED4#C6D1D2#C6D4CF#C6D7CC
#C9C3DC#C9C6D8#C9CAD5#C9CDD1#C9D0CE#C9D4CA#C9D8C6
#CDBFDC#CDC3D8#CDC8D3#CDCCCF#CDD0CB#CDD5C6#CDDAC1
#D2BADC#D2BFD7#D2C5D1#D2CACC#D2D0C6#D2D5C1#D2DCBA

Colorpallet from #BAD2DC to #D2BADC and to #DCBAD2
#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC
#BECEDC#BECEDC#BECEDB#BECEDB#BFCEDB#BFCEDA#BFCEDA
#C2CADC#C2CADC#C3CADB#C3CADB#C4CADA#C4CADA#C5CAD9
#C6C6DC#C7C6DB#C7C6DA#C8C6DA#C9C6D9#C9C6D8#CAC6D7
#C9C3DC#CAC3DB#CBC3DA#CCC3D9#CDC3D8#CFC3D7#D0C3D6
#CDBFDC#CEBFDB#D0BFD9#D1BFD8#D2BFD7#D3BFD6#D5BFD4
#D2BADC#D4BADA#D5BAD9#D7BAD7#D8BAD6#DABAD4#DCBAD2

Colorpallet from #BAD2DC to #D2BADC and to #DCD2BA
#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC
#BECEDC#BECFDB#BECFDA#BED0DA#BFD1D9#BFD1D8#BFD2D7
#C2CADC#C2CBDA#C3CDD8#C3CED7#C4CFD5#C4D0D3#C5D2D1
#C6C6DC#C7C8D9#C7CAD7#C8CCD4#C9CED2#C9D0CF#CAD2CC
#C9C3DC#CAC5D8#CBC8D5#CCCAD1#CDCDCE#CFCFCA#D0D2C6
#CDBFDC#CEC2D8#D0C5D3#D1C8CF#D2CBCB#D3CEC6#D5D2C1
#D2BADC#D4BED7#D5C2D1#D7C6CC#D8C9C6#DACDC1#DCD2BA

Colorpallet from #BAD2DC to #D2DCBA and to #DCBAD2
#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC
#BED4D7#BED3D7#BED2D8#BED1D8#BFD0D9#BFCFD9#BFCEDA
#C2D5D1#C2D3D2#C3D1D4#C3D0D5#C4CED6#C4CCD7#C5CAD9
#C6D7CC#C7D4CE#C7D2D0#C8CFD1#C9CCD3#C9C9D5#CAC6D7
#C9D8C6#CAD5C9#CBD1CB#CCCECE#CDCBD0#CFC7D3#D0C3D6
#CDDAC1#CED6C4#D0D1C7#D1CDCA#D2C9CD#D3C4D0#D5BFD4
#D2DCBA#D4D7BE#D5D1C2#D7CCC6#D8C6C9#DAC1CD#DCBAD2

Colorpallet from #BAD2DC to #D2DCBA and to #DCD2BA
#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC
#BED4D7#BED4D7#BED3D7#BED3D7#BFD3D7#BFD2D7#BFD2D7
#C2D5D1#C2D5D1#C3D4D1#C3D4D1#C4D3D1#C4D3D1#C5D2D1
#C6D7CC#C7D6CC#C7D5CC#C8D5CC#C9D4CC#C9D3CC#CAD2CC
#C9D8C6#CAD7C6#CBD6C6#CCD5C6#CDD4C6#CFD3C6#D0D2C6
#CDDAC1#CED9C1#D0D7C1#D1D6C1#D2D5C1#D3D4C1#D5D2C1
#D2DCBA#D4DABA#D5D9BA#D7D7BA#D8D6BA#DAD4BA#DCD2BA

Colorpallet from #BAD2DC to #DCBAD2 and to #DCD2BA
#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC#BAD2DC
#BFCEDA#BFCFDA#BFCFD9#BFD0D9#BFD1D8#BFD1D8#BFD2D7
#C5CAD9#C5CBD8#C5CDD6#C5CED5#C5CFD4#C5D0D3#C5D2D1
#CAC6D7#CAC8D5#CACAD3#CACCD2#CACED0#CAD0CE#CAD2CC
#D0C3D6#D0C5D3#D0C8D1#D0CACE#D0CDCC#D0CFC9#D0D2C6
#D5BFD4#D5C2D1#D5C5CE#D5C8CB#D5CBC8#D5CEC5#D5D2C1
#DCBAD2#DCBECE#DCC2CA#DCC6C6#DCC9C3#DCCDBF#DCD2BA