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 #C5D2A1 to #C5A1D2 and to #D2C5A1
#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1
#C5CAA9#C5CBA8#C6CCA6#C6CDA5#C6CEA4#C7CFA3#C7D0A1
#C5C2B1#C6C4AE#C6C6AC#C7C8A9#C8CAA7#C8CCA4#C9CEA1
#C5BAB9#C6BDB5#C7C0B1#C8C3AD#C9C6AA#CAC8A6#CBCCA1
#C5B3C0#C6B7BB#C8BAB6#C9BEB1#CAC2AC#CBC5A7#CDCAA1
#C5ABC8#C7B0C2#C8B4BC#CAB9B5#CBBEAF#CDC2A9#CFC8A1
#C5A1D2#C7A7CA#C9ADC2#CBB2BA#CDB8B3#CFBEAB#D2C5A1

Colorpallet from #C5D2A1 to #C5A1D2 and to #D2A1C5
#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1
#C5CAA9#C5CAA9#C6CAA8#C6CAA8#C6CAA8#C7CAA7#C7CAA7
#C5C2B1#C6C2B0#C6C2B0#C7C2AF#C8C2AE#C8C2AE#C9C2AD
#C5BAB9#C6BAB8#C7BAB7#C8BAB6#C9BAB5#CABAB3#CBBAB2
#C5B3C0#C6B3BF#C8B3BD#C9B3BC#CAB3BB#CBB3BA#CDB3B8
#C5ABC8#C7ABC6#C8ABC5#CAABC3#CBABC2#CDABC0#CFABBE
#C5A1D2#C7A1D0#C9A1CE#CBA1CC#CDA1CA#CFA1C8#D2A1C5

Colorpallet from #C5D2A1 to #C5A1D2 and to #A1C5D2
#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1
#C5CAA9#C4CBA9#C3CCA9#C2CDA9#C1CEA9#C0CFA9#BFD0A9
#C5C2B1#C3C4B1#C1C6B1#BFC8B1#BDCAB1#BBCCB1#B9CEB1
#C5BAB9#C2BDB9#C0C0B9#BDC3B9#BAC6B9#B7C8B9#B4CCB9
#C5B3C0#C1B7C0#BEBAC0#BABEC0#B6C2C0#B3C5C0#AECAC0
#C5ABC8#C0B0C8#BCB4C8#B7B9C8#B2BEC8#AEC2C8#A8C8C8
#C5A1D2#BFA7D2#B9ADD2#B4B2D2#AEB8D2#A8BED2#A1C5D2

Colorpallet from #C5D2A1 to #C5A1D2 and to #A1D2C5
#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1
#C5CAA9#C4CBA9#C3CDA8#C2CEA8#C1CFA8#C0D0A7#BFD2A7
#C5C2B1#C3C5B0#C1C7B0#BFCAAF#BDCCAE#BBCFAE#B9D2AD
#C5BAB9#C2BEB8#C0C2B7#BDC6B6#BAC9B5#B7CDB3#B4D2B2
#C5B3C0#C1B8BF#BEBDBD#BAC2BC#B6C7BB#B3CCBA#AED2B8
#C5ABC8#C0B1C6#BCB7C5#B7BEC3#B2C4C2#AECAC0#A8D2BE
#C5A1D2#BFA9D0#B9B1CE#B4B9CC#AEC0CA#A8C8C8#A1D2C5

Colorpallet from #C5D2A1 to #D2C5A1 and to #D2A1C5
#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1
#C7D0A1#C7CFA2#C7CEA3#C7CDA4#C7CCA5#C7CBA6#C7CAA7
#C9CEA1#C9CCA3#C9CAA5#C9C8A7#C9C6A9#C9C4AB#C9C2AD
#CBCCA1#CBC9A4#CBC6A6#CBC3A9#CBC0AC#CBBEAF#CBBAB2
#CDCAA1#CDC6A5#CDC3A8#CDBFAC#CDBBB0#CDB8B3#CDB3B8
#CFC8A1#CFC3A6#CFBFAA#CFBAAF#CFB5B4#CFB1B8#CFABBE
#D2C5A1#D2BFA7#D2B9AD#D2B4B2#D2AEB8#D2A8BE#D2A1C5

Colorpallet from #C5D2A1 to #D2C5A1 and to #A1C5D2
#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1
#C7D0A1#C6D0A2#C4D0A4#C3D0A5#C2D0A6#C1D0A7#BFD0A9
#C9CEA1#C6CEA4#C4CEA6#C1CEA9#BFCEAB#BCCEAE#B9CEB1
#CBCCA1#C7CCA5#C4CCA9#C0CCAD#BCCCB0#B9CCB4#B4CCB9
#CDCAA1#C8CAA6#C3CAAB#BECAB0#B9CAB5#B4CABA#AECAC0
#CFC8A1#C9C8A7#C3C8AD#BCC8B4#B6C8BA#B0C8C0#A8C8C8
#D2C5A1#CAC5A9#C2C5B1#BAC5B9#B3C5C0#ABC5C8#A1C5D2

Colorpallet from #C5D2A1 to #D2C5A1 and to #A1D2C5
#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1
#C7D0A1#C6D0A2#C4D1A3#C3D1A4#C2D1A5#C1D2A6#BFD2A7
#C9CEA1#C6CFA3#C4CFA5#C1D0A7#BFD1A9#BCD1AB#B9D2AD
#CBCCA1#C7CDA4#C4CEA6#C0CFA9#BCD0AC#B9D1AF#B4D2B2
#CDCAA1#C8CBA5#C3CDA8#BECEAC#B9CFB0#B4D0B3#AED2B8
#CFC8A1#C9CAA6#C3CBAA#BCCDAF#B6CEB4#B0D0B8#A8D2BE
#D2C5A1#CAC7A7#C2C9AD#BACBB2#B3CDB8#ABCFBE#A1D2C5

Colorpallet from #C5D2A1 to #D2A1C5 and to #A1C5D2
#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1
#C7CAA7#C6CBA7#C4CCA8#C3CDA8#C2CEA8#C1CFA9#BFD0A9
#C9C2AD#C6C4AE#C4C6AE#C1C8AF#BFCAB0#BCCCB0#B9CEB1
#CBBAB2#C7BDB3#C4C0B4#C0C3B5#BCC6B6#B9C8B8#B4CCB9
#CDB3B8#C8B7B9#C3BABB#BEBEBC#B9C2BD#B4C5BE#AECAC0
#CFABBE#C9B0C0#C3B4C1#BCB9C3#B6BEC4#B0C2C6#A8C8C8
#D2A1C5#CAA7C7#C2ADC9#BAB2CB#B3B8CD#ABBECF#A1C5D2

Colorpallet from #C5D2A1 to #D2A1C5 and to #A1D2C5
#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1
#C7CAA7#C6CBA7#C4CDA7#C3CEA7#C2CFA7#C1D0A7#BFD2A7
#C9C2AD#C6C5AD#C4C7AD#C1CAAD#BFCCAD#BCCFAD#B9D2AD
#CBBAB2#C7BEB2#C4C2B2#C0C6B2#BCC9B2#B9CDB2#B4D2B2
#CDB3B8#C8B8B8#C3BDB8#BEC2B8#B9C7B8#B4CCB8#AED2B8
#CFABBE#C9B1BE#C3B7BE#BCBEBE#B6C4BE#B0CABE#A8D2BE
#D2A1C5#CAA9C5#C2B1C5#BAB9C5#B3C0C5#ABC8C5#A1D2C5

Colorpallet from #C5D2A1 to #A1C5D2 and to #A1D2C5
#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1#C5D2A1
#BFD0A9#BFD0A9#BFD1A8#BFD1A8#BFD1A8#BFD2A7#BFD2A7
#B9CEB1#B9CFB0#B9CFB0#B9D0AF#B9D1AE#B9D1AE#B9D2AD
#B4CCB9#B4CDB8#B4CEB7#B4CFB6#B4D0B5#B4D1B3#B4D2B2
#AECAC0#AECBBF#AECDBD#AECEBC#AECFBB#AED0BA#AED2B8
#A8C8C8#A8CAC6#A8CBC5#A8CDC3#A8CEC2#A8D0C0#A8D2BE
#A1C5D2#A1C7D0#A1C9CE#A1CBCC#A1CDCA#A1CFC8#A1D2C5