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 #AFD2C5 to #AFC5D2 and to #D2AFC5
#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5
#AFD0C7#B0CFC7#B1CFC6#B2CEC6#B3CDC6#B4CDC5#B5CCC5
#AFCEC9#B1CDC8#B3CCC8#B4CBC7#B6CAC6#B8C8C6#BAC7C5
#AFCCCB#B2CACA#B4C8C9#B7C7C8#BAC5C7#BDC3C6#C0C1C5
#AFCACD#B3C8CC#B6C6CA#BAC3C9#BDC1C8#C1BFC7#C5BCC5
#AFC8CF#B3C5CD#B8C2CC#BCBFCA#C1BCC9#C5BAC7#CBB6C5
#AFC5D2#B5C1D0#BABECE#C0BACC#C5B7CA#CBB3C8#D2AFC5

Colorpallet from #AFD2C5 to #AFC5D2 and to #D2C5AF
#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5
#AFD0C7#B0D0C6#B1D0C5#B2D0C4#B3D0C3#B4D0C2#B5D0C1
#AFCEC9#B1CEC7#B3CEC5#B4CEC4#B6CEC2#B8CEC0#BACEBE
#AFCCCB#B2CCC8#B4CCC6#B7CCC3#BACCC0#BDCCBD#C0CCBA
#AFCACD#B3CAC9#B6CAC6#BACAC2#BDCABF#C1CABB#C5CAB7
#AFC8CF#B3C8CB#B8C8C6#BCC8C2#C1C8BD#C5C8B9#CBC8B3
#AFC5D2#B5C5CC#BAC5C7#C0C5C1#C5C5BC#CBC5B6#D2C5AF

Colorpallet from #AFD2C5 to #AFC5D2 and to #C5AFD2
#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5
#AFD0C7#B0CFC7#B0CFC7#B1CEC7#B2CDC7#B2CDC7#B3CCC7
#AFCEC9#B0CDC9#B1CCC9#B2CBC9#B3CAC9#B5C8C9#B6C7C9
#AFCCCB#B1CACB#B3C8CB#B4C7CB#B6C5CB#B8C3CB#BAC1CB
#AFCACD#B1C8CD#B3C6CD#B6C3CD#B8C1CD#BABFCD#BDBCCD
#AFC8CF#B2C5CF#B5C2CF#B8BFCF#BBBCCF#BDBACF#C1B6CF
#AFC5D2#B3C1D2#B6BED2#BABAD2#BDB7D2#C1B3D2#C5AFD2

Colorpallet from #AFD2C5 to #AFC5D2 and to #C5D2AF
#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5
#AFD0C7#B0D0C6#B0D1C5#B1D1C4#B2D1C3#B2D2C2#B3D2C1
#AFCEC9#B0CFC7#B1CFC5#B2D0C4#B3D1C2#B5D1C0#B6D2BE
#AFCCCB#B1CDC8#B3CEC6#B4CFC3#B6D0C0#B8D1BD#BAD2BA
#AFCACD#B1CBC9#B3CDC6#B6CEC2#B8CFBF#BAD0BB#BDD2B7
#AFC8CF#B2CACB#B5CBC6#B8CDC2#BBCEBD#BDD0B9#C1D2B3
#AFC5D2#B3C7CC#B6C9C7#BACBC1#BDCDBC#C1CFB6#C5D2AF

Colorpallet from #AFD2C5 to #D2AFC5 and to #D2C5AF
#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5
#B5CCC5#B5CDC4#B5CDC4#B5CEC3#B5CFC2#B5CFC2#B5D0C1
#BAC7C5#BAC8C4#BAC9C3#BACAC2#BACBC1#BACDBF#BACEBE
#C0C1C5#C0C3C3#C0C5C1#C0C6C0#C0C8BE#C0CABC#C0CCBA
#C5BCC5#C5BEC3#C5C0C1#C5C3BE#C5C5BC#C5C7BA#C5CAB7
#CBB6C5#CBB9C2#CBBCBF#CBBFBC#CBC2B9#CBC4B7#CBC8B3
#D2AFC5#D2B3C1#D2B6BE#D2BABA#D2BDB7#D2C1B3#D2C5AF

Colorpallet from #AFD2C5 to #D2AFC5 and to #C5AFD2
#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5
#B5CCC5#B5CCC5#B4CCC6#B4CCC6#B4CCC6#B3CCC7#B3CCC7
#BAC7C5#B9C7C6#B9C7C6#B8C7C7#B7C7C8#B7C7C8#B6C7C9
#C0C1C5#BFC1C6#BEC1C7#BDC1C8#BCC1C9#BBC1CA#BAC1CB
#C5BCC5#C4BCC6#C2BCC8#C1BCC9#C0BCCA#BFBCCB#BDBCCD
#CBB6C5#C9B6C7#C8B6C8#C6B6CA#C5B6CB#C3B6CD#C1B6CF
#D2AFC5#D0AFC7#CEAFC9#CCAFCB#CAAFCD#C8AFCF#C5AFD2

Colorpallet from #AFD2C5 to #D2AFC5 and to #C5D2AF
#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5
#B5CCC5#B5CDC4#B4CEC4#B4CFC3#B4D0C2#B3D1C2#B3D2C1
#BAC7C5#B9C9C4#B9CBC3#B8CCC2#B7CEC1#B7D0BF#B6D2BE
#C0C1C5#BFC4C3#BEC6C1#BDC9C0#BCCCBE#BBCFBC#BAD2BA
#C5BCC5#C4C0C3#C2C3C1#C1C7BE#C0CABC#BFCEBA#BDD2B7
#CBB6C5#C9BAC2#C8BFBF#C6C3BC#C5C8B9#C3CCB7#C1D2B3
#D2AFC5#D0B5C1#CEBABE#CCC0BA#CAC5B7#C8CBB3#C5D2AF

Colorpallet from #AFD2C5 to #D2C5AF and to #C5AFD2
#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5
#B5D0C1#B5CFC2#B4CFC3#B4CEC4#B4CDC5#B3CDC6#B3CCC7
#BACEBE#B9CDC0#B9CCC2#B8CBC3#B7CAC5#B7C8C7#B6C7C9
#C0CCBA#BFCABD#BEC8BF#BDC7C2#BCC5C5#BBC3C8#BAC1CB
#C5CAB7#C4C8BB#C2C6BE#C1C3C2#C0C1C5#BFBFC9#BDBCCD
#CBC8B3#C9C5B7#C8C2BC#C6BFC0#C5BCC5#C3BAC9#C1B6CF
#D2C5AF#D0C1B5#CEBEBA#CCBAC0#CAB7C5#C8B3CB#C5AFD2

Colorpallet from #AFD2C5 to #D2C5AF and to #C5D2AF
#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5
#B5D0C1#B5D0C1#B4D1C1#B4D1C1#B4D1C1#B3D2C1#B3D2C1
#BACEBE#B9CFBE#B9CFBE#B8D0BE#B7D1BE#B7D1BE#B6D2BE
#C0CCBA#BFCDBA#BECEBA#BDCFBA#BCD0BA#BBD1BA#BAD2BA
#C5CAB7#C4CBB7#C2CDB7#C1CEB7#C0CFB7#BFD0B7#BDD2B7
#CBC8B3#C9CAB3#C8CBB3#C6CDB3#C5CEB3#C3D0B3#C1D2B3
#D2C5AF#D0C7AF#CEC9AF#CCCBAF#CACDAF#C8CFAF#C5D2AF

Colorpallet from #AFD2C5 to #C5AFD2 and to #C5D2AF
#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5#AFD2C5
#B3CCC7#B3CDC6#B3CEC5#B3CFC4#B3D0C3#B3D1C2#B3D2C1
#B6C7C9#B6C9C7#B6CBC5#B6CCC4#B6CEC2#B6D0C0#B6D2BE
#BAC1CB#BAC4C8#BAC6C6#BAC9C3#BACCC0#BACFBD#BAD2BA
#BDBCCD#BDC0C9#BDC3C6#BDC7C2#BDCABF#BDCEBB#BDD2B7
#C1B6CF#C1BACB#C1BFC6#C1C3C2#C1C8BD#C1CCB9#C1D2B3
#C5AFD2#C5B5CC#C5BAC7#C5C0C1#C5C5BC#C5CBB6#C5D2AF