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 #AFDCBA to #AFBADC and to #DCAFBA
#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA
#AFD7BF#B0D7BE#B1D6BD#B2D6BD#B3D6BC#B5D5BB#B6D5BA
#AFD1C5#B1D1C3#B3D0C1#B6D0C0#B8CFBE#BACFBC#BDCEBA
#AFCCCA#B3CBC7#B6CAC5#BAC9C2#BDC8C0#C1C7BD#C5C6BA
#AFC6D0#B4C5CC#B8C4C9#BDC3C5#C2C2C2#C6C0BE#CCBFBA
#AFC1D5#B5C0D1#BBBECC#C0BDC8#C6BBC4#CCBABF#D3B8BA
#AFBADC#B6B8D7#BDB6D1#C5B5CC#CCB3C6#D3B1C1#DCAFBA

Colorpallet from #AFDCBA to #AFBADC and to #DCBAAF
#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA
#AFD7BF#B0D7BE#B1D7BD#B2D7BC#B3D7BB#B5D7B9#B6D7B8
#AFD1C5#B1D1C3#B3D1C0#B6D1BE#B8D1BB#BAD1B9#BDD1B6
#AFCCCA#B3CCC7#B6CCC3#BACCC0#BDCCBD#C1CCB9#C5CCB5
#AFC6D0#B4C6CB#B8C6C7#BDC6C2#C2C6BD#C6C6B9#CCC6B3
#AFC1D5#B5C1CF#BBC1C9#C0C1C4#C6C1BE#CCC1B8#D3C1B1
#AFBADC#B6BAD5#BDBACE#C5BAC6#CCBABF#D3BAB8#DCBAAF

Colorpallet from #AFDCBA to #AFBADC and to #BAAFDC
#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA
#AFD7BF#AFD7BF#B0D6BF#B0D6BF#B0D6BF#B1D5BF#B1D5BF
#AFD1C5#B0D1C5#B0D0C5#B1D0C5#B2CFC5#B2CFC5#B3CEC5
#AFCCCA#B0CBCA#B1CACA#B1C9CA#B2C8CA#B3C7CA#B4C6CA
#AFC6D0#B0C5D0#B1C4D0#B2C3D0#B3C2D0#B5C0D0#B6BFD0
#AFC1D5#B0C0D5#B2BED5#B3BDD5#B5BBD5#B6BAD5#B8B8D5
#AFBADC#B1B8DC#B3B6DC#B4B5DC#B6B3DC#B8B1DC#BAAFDC

Colorpallet from #AFDCBA to #AFBADC and to #BADCAF
#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA
#AFD7BF#AFD8BE#B0D9BD#B0D9BC#B0DABB#B1DBB9#B1DCB8
#AFD1C5#B0D3C3#B0D5C0#B1D6BE#B2D8BB#B2DAB9#B3DCB6
#AFCCCA#B0CFC7#B1D1C3#B1D4C0#B2D6BD#B3D9B9#B4DCB5
#AFC6D0#B0CACB#B1CDC7#B2D1C2#B3D4BD#B5D8B9#B6DCB3
#AFC1D5#B0C5CF#B2CAC9#B3CEC4#B5D2BE#B6D7B8#B8DCB1
#AFBADC#B1BFD5#B3C5CE#B4CAC6#B6D0BF#B8D5B8#BADCAF

Colorpallet from #AFDCBA to #DCAFBA and to #DCBAAF
#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA
#B6D5BA#B6D5BA#B6D6B9#B6D6B9#B6D6B9#B6D7B8#B6D7B8
#BDCEBA#BDCEB9#BDCFB9#BDCFB8#BDD0B7#BDD0B7#BDD1B6
#C5C6BA#C5C7B9#C5C8B8#C5C9B8#C5CAB7#C5CBB6#C5CCB5
#CCBFBA#CCC0B9#CCC1B8#CCC2B7#CCC3B6#CCC5B4#CCC6B3
#D3B8BA#D3B9B9#D3BBB7#D3BCB6#D3BEB4#D3BFB3#D3C1B1
#DCAFBA#DCB1B8#DCB3B6#DCB4B5#DCB6B3#DCB8B1#DCBAAF

Colorpallet from #AFDCBA to #DCAFBA and to #BAAFDC
#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA
#B6D5BA#B5D5BB#B4D5BC#B4D5BC#B3D5BD#B2D5BE#B1D5BF
#BDCEBA#BBCEBC#BACEBE#B8CEBF#B7CEC1#B5CEC3#B3CEC5
#C5C6BA#C2C6BD#C0C6BF#BDC6C2#BAC6C4#B7C6C7#B4C6CA
#CCBFBA#C8BFBE#C5BFC1#C1BFC5#BEBFC8#BABFCC#B6BFD0
#D3B8BA#CFB8BE#CAB8C3#C6B8C7#C2B8CB#BDB8D0#B8B8D5
#DCAFBA#D7AFBF#D1AFC5#CCAFCA#C6AFD0#C1AFD5#BAAFDC

Colorpallet from #AFDCBA to #DCAFBA and to #BADCAF
#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA
#B6D5BA#B5D6BA#B4D7B9#B4D8B9#B3D9B9#B2DBB8#B1DCB8
#BDCEBA#BBD0B9#BAD2B9#B8D5B8#B7D7B7#B5D9B7#B3DCB6
#C5C6BA#C2CAB9#C0CDB8#BDD1B8#BAD4B7#B7D8B6#B4DCB5
#CCBFBA#C8C4B9#C5C8B8#C1CDB7#BED2B6#BAD6B4#B6DCB3
#D3B8BA#CFBEB9#CAC4B7#C6C9B6#C2CFB4#BDD5B3#B8DCB1
#DCAFBA#D7B6B8#D1BDB6#CCC5B5#C6CCB3#C1D3B1#BADCAF

Colorpallet from #AFDCBA to #DCBAAF and to #BAAFDC
#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA
#B6D7B8#B5D7B9#B4D6BA#B4D6BB#B3D6BC#B2D5BE#B1D5BF
#BDD1B6#BBD1B8#BAD0BB#B8D0BD#B7CFC0#B5CFC2#B3CEC5
#C5CCB5#C2CBB8#C0CABC#BDC9BF#BAC8C2#B7C7C6#B4C6CA
#CCC6B3#C8C5B8#C5C4BC#C1C3C1#BEC2C6#BAC0CA#B6BFD0
#D3C1B1#CFC0B7#CABEBD#C6BDC2#C2BBC8#BDBACE#B8B8D5
#DCBAAF#D7B8B6#D1B6BD#CCB5C5#C6B3CC#C1B1D3#BAAFDC

Colorpallet from #AFDCBA to #DCBAAF and to #BADCAF
#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA
#B6D7B8#B5D8B8#B4D9B8#B4D9B8#B3DAB8#B2DBB8#B1DCB8
#BDD1B6#BBD3B6#BAD5B6#B8D6B6#B7D8B6#B5DAB6#B3DCB6
#C5CCB5#C2CFB5#C0D1B5#BDD4B5#BAD6B5#B7D9B5#B4DCB5
#CCC6B3#C8CAB3#C5CDB3#C1D1B3#BED4B3#BAD8B3#B6DCB3
#D3C1B1#CFC5B1#CACAB1#C6CEB1#C2D2B1#BDD7B1#B8DCB1
#DCBAAF#D7BFAF#D1C5AF#CCCAAF#C6D0AF#C1D5AF#BADCAF

Colorpallet from #AFDCBA to #BAAFDC and to #BADCAF
#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA#AFDCBA
#B1D5BF#B1D6BE#B1D7BD#B1D8BC#B1D9BB#B1DBB9#B1DCB8
#B3CEC5#B3D0C3#B3D2C0#B3D5BE#B3D7BB#B3D9B9#B3DCB6
#B4C6CA#B4CAC7#B4CDC3#B4D1C0#B4D4BD#B4D8B9#B4DCB5
#B6BFD0#B6C4CB#B6C8C7#B6CDC2#B6D2BD#B6D6B9#B6DCB3
#B8B8D5#B8BECF#B8C4C9#B8C9C4#B8CFBE#B8D5B8#B8DCB1
#BAAFDC#BAB6D5#BABDCE#BAC5C6#BACCBF#BAD3B8#BADCAF