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 #CDEDB8 to #CDB8ED and to #EDCDB8
#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8
#CDE5C0	#CEE5BF	#CFE6BD	#CFE6BC	#D0E7BB	#D1E7BA	#D2E8B8
#CDDCC9	#CFDDC6	#D0DEC4	#D2DFC1	#D3E0BE	#D5E2BB	#D7E3B8
#CDD4D1	#CFD6CD	#D2D7C9	#D4D9C5	#D7DAC1	#D9DCBD	#DCDEB8
#CDCBDA	#D0CDD5	#D3CFCF	#D7D2CA	#DAD4C4	#DDD6BF	#E1D9B8
#CDC3E2	#D1C6DB	#D5C8D5	#D9CBCE	#DECDC7	#E2D0C0	#E7D3B8
#CDB8ED	#D2BBE5	#D7BFDC	#DCC2D4	#E1C5CB	#E7C9C3	#EDCDB8
Colorpallet from #CDEDB8 to #CDB8ED and to #EDB8CD
#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8
#CDE5C0	#CEE5BF	#CFE5BE	#CFE5BE	#D0E5BD	#D1E5BC	#D2E5BB
#CDDCC9	#CFDCC7	#D0DCC6	#D2DCC4	#D3DCC3	#D5DCC1	#D7DCBF
#CDD4D1	#CFD4CF	#D2D4CC	#D4D4CA	#D7D4C7	#D9D4C5	#DCD4C2
#CDCBDA	#D0CBD7	#D3CBD3	#D7CBD0	#DACBCD	#DDCBC9	#E1CBC5
#CDC3E2	#D1C3DE	#D5C3DA	#D9C3D6	#DEC3D2	#E2C3CE	#E7C3C9
#CDB8ED	#D2B8E8	#D7B8E3	#DCB8DE	#E1B8D9	#E7B8D3	#EDB8CD
Colorpallet from #CDEDB8 to #CDB8ED and to #B8CDED
#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8
#CDE5C0	#CDE5C0	#CCE6C0	#CCE6C0	#CBE7C0	#CBE7C0	#CAE8C0
#CDDCC9	#CCDDC9	#CBDEC9	#CADFC9	#C9E0C9	#C7E2C9	#C6E3C9
#CDD4D1	#CBD6D1	#CAD7D1	#C8D9D1	#C7DAD1	#C5DCD1	#C3DED1
#CDCBDA	#CBCDDA	#C9CFDA	#C7D2DA	#C5D4DA	#C3D6DA	#C0D9DA
#CDC3E2	#CAC6E2	#C8C8E2	#C5CBE2	#C2CDE2	#BFD0E2	#BCD3E2
#CDB8ED	#CABBED	#C6BFED	#C3C2ED	#C0C5ED	#BCC9ED	#B8CDED
Colorpallet from #CDEDB8 to #CDB8ED and to #B8EDCD
#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8
#CDE5C0	#CDE6BF	#CCE8BE	#CCE9BE	#CBEABD	#CBEBBC	#CAEDBB
#CDDCC9	#CCDFC7	#CBE1C6	#CAE4C4	#C9E7C3	#C7EAC1	#C6EDBF
#CDD4D1	#CBD8CF	#CADCCC	#C8E0CA	#C7E4C7	#C5E8C5	#C3EDC2
#CDCBDA	#CBD0D7	#C9D6D3	#C7DBD0	#C5E1CD	#C3E6C9	#C0EDC5
#CDC3E2	#CACADE	#C8D0DA	#C5D7D6	#C2DED2	#BFE5CE	#BCEDC9
#CDB8ED	#CAC0E8	#C6C9E3	#C3D1DE	#C0DAD9	#BCE2D3	#B8EDCD
Colorpallet from #CDEDB8 to #EDCDB8 and to #EDB8CD
#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8
#D2E8B8	#D2E8B8	#D2E7B9	#D2E7B9	#D2E6BA	#D2E6BA	#D2E5BB
#D7E3B8	#D7E2B9	#D7E1BA	#D7E0BB	#D7DFBC	#D7DDBE	#D7DCBF
#DCDEB8	#DCDCBA	#DCDBBB	#DCD9BD	#DCD8BE	#DCD6C0	#DCD4C2
#E1D9B8	#E1D7BA	#E1D5BC	#E1D2BE	#E1D0C0	#E1CEC2	#E1CBC5
#E7D3B8	#E7D0BB	#E7CEBD	#E7CBC0	#E7C9C3	#E7C6C6	#E7C3C9
#EDCDB8	#EDCABB	#EDC6BF	#EDC3C2	#EDC0C5	#EDBCC9	#EDB8CD
Colorpallet from #CDEDB8 to #EDCDB8 and to #B8CDED
#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8
#D2E8B8	#D1E8B9	#CFE8BB	#CEE8BC	#CDE8BD	#CCE8BE	#CAE8C0
#D7E3B8	#D4E3BB	#D2E3BD	#CFE3C0	#CCE3C3	#C9E3C6	#C6E3C9
#DCDEB8	#D8DEBC	#D4DEC0	#D0DEC4	#CCDEC8	#C8DECC	#C3DED1
#E1D9B8	#DCD9BD	#D6D9C3	#D1D9C8	#CCD9CE	#C7D9D3	#C0D9DA
#E7D3B8	#E0D3BF	#D9D3C5	#D2D3CC	#CBD3D3	#C5D3DA	#BCD3E2
#EDCDB8	#E5CDC0	#DCCDC9	#D4CDD1	#CBCDDA	#C3CDE2	#B8CDED
Colorpallet from #CDEDB8 to #EDCDB8 and to #B8EDCD
#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8
#D2E8B8	#D1E9B8	#CFEAB9	#CEEAB9	#CDEBBA	#CCECBA	#CAEDBB
#D7E3B8	#D4E5B9	#D2E6BA	#CFE8BB	#CCE9BC	#C9EBBE	#C6EDBF
#DCDEB8	#D8E0BA	#D4E3BB	#D0E5BD	#CCE8BE	#C8EAC0	#C3EDC2
#E1D9B8	#DCDCBA	#D6DFBC	#D1E3BE	#CCE6C0	#C7E9C2	#C0EDC5
#E7D3B8	#E0D7BB	#D9DBBD	#D2DFC0	#CBE4C3	#C5E8C6	#BCEDC9
#EDCDB8	#E5D2BB	#DCD7BF	#D4DCC2	#CBE1C5	#C3E7C9	#B8EDCD
Colorpallet from #CDEDB8 to #EDB8CD and to #B8CDED
#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8
#D2E5BB	#D1E5BC	#CFE6BD	#CEE6BD	#CDE7BE	#CCE7BF	#CAE8C0
#D7DCBF	#D4DDC1	#D2DEC2	#CFDFC4	#CCE0C5	#C9E2C7	#C6E3C9
#DCD4C2	#D8D6C4	#D4D7C7	#D0D9C9	#CCDACC	#C8DCCE	#C3DED1
#E1CBC5	#DCCDC8	#D6CFCC	#D1D2CF	#CCD4D2	#C7D6D6	#C0D9DA
#E7C3C9	#E0C6CD	#D9C8D1	#D2CBD5	#CBCDD9	#C5D0DD	#BCD3E2
#EDB8CD	#E5BBD2	#DCBFD7	#D4C2DC	#CBC5E1	#C3C9E7	#B8CDED
Colorpallet from #CDEDB8 to #EDB8CD and to #B8EDCD
#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8
#D2E5BB	#D1E6BB	#CFE8BB	#CEE9BB	#CDEABB	#CCEBBB	#CAEDBB
#D7DCBF	#D4DFBF	#D2E1BF	#CFE4BF	#CCE7BF	#C9EABF	#C6EDBF
#DCD4C2	#D8D8C2	#D4DCC2	#D0E0C2	#CCE4C2	#C8E8C2	#C3EDC2
#E1CBC5	#DCD0C5	#D6D6C5	#D1DBC5	#CCE1C5	#C7E6C5	#C0EDC5
#E7C3C9	#E0CAC9	#D9D0C9	#D2D7C9	#CBDEC9	#C5E5C9	#BCEDC9
#EDB8CD	#E5C0CD	#DCC9CD	#D4D1CD	#CBDACD	#C3E2CD	#B8EDCD
Colorpallet from #CDEDB8 to #B8CDED and to #B8EDCD
#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8	#CDEDB8
#CAE8C0	#CAE9BF	#CAEABE	#CAEABE	#CAEBBD	#CAECBC	#CAEDBB
#C6E3C9	#C6E5C7	#C6E6C6	#C6E8C4	#C6E9C3	#C6EBC1	#C6EDBF
#C3DED1	#C3E0CF	#C3E3CC	#C3E5CA	#C3E8C7	#C3EAC5	#C3EDC2
#C0D9DA	#C0DCD7	#C0DFD3	#C0E3D0	#C0E6CD	#C0E9C9	#C0EDC5
#BCD3E2	#BCD7DE	#BCDBDA	#BCDFD6	#BCE4D2	#BCE8CE	#BCEDC9
#B8CDED	#B8D2E8	#B8D7E3	#B8DCDE	#B8E1D9	#B8E7D3	#B8EDCD