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 #C1D2AF to #C1AFD2 and to #D2C1AF
#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF
#C1CCB5#C1CCB4#C2CDB3#C2CDB2#C3CEB1#C3CEB0#C4CFAF
#C1C7BA#C2C8B8#C3C9B6#C3CAB5#C4CBB3#C5CCB1#C6CDAF
#C1C1C0#C2C2BD#C4C4BB#C5C5B8#C6C7B5#C7C8B2#C9CAAF
#C1BCC5#C3BEC1#C5C0BE#C6C1BA#C8C3B7#CAC5B3#CCC7AF
#C1B6CB#C3B8C7#C5BAC2#C8BDBE#CABFB9#CCC1B5#CFC4AF
#C1AFD2#C4B2CC#C6B5C7#C9B8C1#CCBBBC#CFBDB6#D2C1AF

Colorpallet from #C1D2AF to #C1AFD2 and to #D2AFC1
#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF
#C1CCB5#C1CCB5#C2CCB4#C2CCB4#C3CCB3#C3CCB3#C4CCB2
#C1C7BA#C2C7B9#C3C7B8#C3C7B8#C4C7B7#C5C7B6#C6C7B5
#C1C1C0#C2C1BF#C4C1BD#C5C1BC#C6C1BB#C7C1BA#C9C1B8
#C1BCC5#C3BCC3#C5BCC2#C6BCC0#C8BCBF#CABCBD#CCBCBB
#C1B6CB#C3B6C9#C5B6C7#C8B6C4#CAB6C2#CCB6C0#CFB6BD
#C1AFD2#C4AFCF#C6AFCD#C9AFCA#CCAFC7#CFAFC4#D2AFC1

Colorpallet from #C1D2AF to #C1AFD2 and to #AFC1D2
#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF
#C1CCB5#C1CCB5#C0CDB5#C0CDB5#BFCEB5#BFCEB5#BECFB5
#C1C7BA#C0C8BA#BFC9BA#BECABA#BDCBBA#BCCCBA#BBCDBA
#C1C1C0#C0C2C0#BEC4C0#BDC5C0#BBC7C0#BAC8C0#B8CAC0
#C1BCC5#BFBEC5#BDC0C5#BBC1C5#B9C3C5#B7C5C5#B5C7C5
#C1B6CB#BFB8CB#BDBACB#BABDCB#B8BFCB#B6C1CB#B3C4CB
#C1AFD2#BEB2D2#BBB5D2#B8B8D2#B5BBD2#B3BDD2#AFC1D2

Colorpallet from #C1D2AF to #C1AFD2 and to #AFD2C1
#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF
#C1CCB5#C1CDB5#C0CEB4#C0CFB4#BFD0B3#BFD1B3#BED2B2
#C1C7BA#C0C9B9#BFCBB8#BECCB8#BDCEB7#BCD0B6#BBD2B5
#C1C1C0#C0C4BF#BEC6BD#BDC9BC#BBCCBB#BACFBA#B8D2B8
#C1BCC5#BFC0C3#BDC3C2#BBC7C0#B9CABF#B7CEBD#B5D2BB
#C1B6CB#BFBAC9#BDBFC7#BAC3C4#B8C8C2#B6CCC0#B3D2BD
#C1AFD2#BEB5CF#BBBACD#B8C0CA#B5C5C7#B3CBC4#AFD2C1

Colorpallet from #C1D2AF to #D2C1AF and to #D2AFC1
#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF
#C4CFAF#C4CFAF#C4CEB0#C4CEB0#C4CDB1#C4CDB1#C4CCB2
#C6CDAF#C6CCB0#C6CBB1#C6CAB2#C6C9B3#C6C8B4#C6C7B5
#C9CAAF#C9C9B0#C9C7B2#C9C6B3#C9C4B5#C9C3B6#C9C1B8
#CCC7AF#CCC5B1#CCC3B3#CCC2B5#CCC0B7#CCBEB9#CCBCBB
#CFC4AF#CFC2B1#CFC0B3#CFBDB6#CFBBB8#CFB9BA#CFB6BD
#D2C1AF#D2BEB2#D2BBB5#D2B8B8#D2B5BB#D2B3BD#D2AFC1

Colorpallet from #C1D2AF to #D2C1AF and to #AFC1D2
#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF
#C4CFAF#C3CFB0#C2CFB1#C1CFB2#C0CFB3#BFCFB4#BECFB5
#C6CDAF#C4CDB1#C2CDB3#C1CDB4#BFCDB6#BDCDB8#BBCDBA
#C9CAAF#C6CAB2#C4CAB4#C1CAB7#BECABA#BBCABD#B8CAC0
#CCC7AF#C8C7B3#C5C7B6#C1C7BA#BDC7BD#BAC7C1#B5C7C5
#CFC4AF#CBC4B3#C6C4B8#C2C4BC#BDC4C1#B9C4C5#B3C4CB
#D2C1AF#CCC1B5#C7C1BA#C1C1C0#BCC1C5#B6C1CB#AFC1D2

Colorpallet from #C1D2AF to #D2C1AF and to #AFD2C1
#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF
#C4CFAF#C3CFAF#C2D0B0#C1D0B0#C0D1B1#BFD1B1#BED2B2
#C6CDAF#C4CEB0#C2CFB1#C1CFB2#BFD0B3#BDD1B4#BBD2B5
#C9CAAF#C6CBB0#C4CDB2#C1CEB3#BECFB5#BBD0B6#B8D2B8
#CCC7AF#C8C9B1#C5CBB3#C1CCB5#BDCEB7#BAD0B9#B5D2BB
#CFC4AF#CBC6B1#C6C8B3#C2CBB6#BDCDB8#B9CFBA#B3D2BD
#D2C1AF#CCC4B2#C7C6B5#C1C9B8#BCCCBB#B6CFBD#AFD2C1

Colorpallet from #C1D2AF to #D2AFC1 and to #AFC1D2
#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF
#C4CCB2#C3CCB2#C2CDB3#C1CDB3#C0CEB4#BFCEB4#BECFB5
#C6C7B5#C4C8B6#C2C9B7#C1CAB7#BFCBB8#BDCCB9#BBCDBA
#C9C1B8#C6C2B9#C4C4BB#C1C5BC#BEC7BD#BBC8BE#B8CAC0
#CCBCBB#C8BEBD#C5C0BE#C1C1C0#BDC3C1#BAC5C3#B5C7C5
#CFB6BD#CBB8BF#C6BAC1#C2BDC4#BDBFC6#B9C1C8#B3C4CB
#D2AFC1#CCB2C4#C7B5C6#C1B8C9#BCBBCC#B6BDCF#AFC1D2

Colorpallet from #C1D2AF to #D2AFC1 and to #AFD2C1
#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF
#C4CCB2#C3CDB2#C2CEB2#C1CFB2#C0D0B2#BFD1B2#BED2B2
#C6C7B5#C4C9B5#C2CBB5#C1CCB5#BFCEB5#BDD0B5#BBD2B5
#C9C1B8#C6C4B8#C4C6B8#C1C9B8#BECCB8#BBCFB8#B8D2B8
#CCBCBB#C8C0BB#C5C3BB#C1C7BB#BDCABB#BACEBB#B5D2BB
#CFB6BD#CBBABD#C6BFBD#C2C3BD#BDC8BD#B9CCBD#B3D2BD
#D2AFC1#CCB5C1#C7BAC1#C1C0C1#BCC5C1#B6CBC1#AFD2C1

Colorpallet from #C1D2AF to #AFC1D2 and to #AFD2C1
#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF#C1D2AF
#BECFB5#BECFB5#BED0B4#BED0B4#BED1B3#BED1B3#BED2B2
#BBCDBA#BBCEB9#BBCFB8#BBCFB8#BBD0B7#BBD1B6#BBD2B5
#B8CAC0#B8CBBF#B8CDBD#B8CEBC#B8CFBB#B8D0BA#B8D2B8
#B5C7C5#B5C9C3#B5CBC2#B5CCC0#B5CEBF#B5D0BD#B5D2BB
#B3C4CB#B3C6C9#B3C8C7#B3CBC4#B3CDC2#B3CFC0#B3D2BD
#AFC1D2#AFC4CF#AFC6CD#AFC9CA#AFCCC7#AFCFC4#AFD2C1