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 #C5D2E6 to #C5E6D2 and to #D2C5E6
#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6
#C5D5E3	#C5D4E3	#C6D3E4	#C6D3E4	#C6D2E5	#C7D1E5	#C7D0E6
#C5D8E0	#C6D6E1	#C6D5E2	#C7D3E3	#C8D2E4	#C8D0E5	#C9CEE6
#C5DCDC	#C6D9DE	#C7D7DF	#C8D4E1	#C9D2E2	#CACFE4	#CBCCE6
#C5DFD9	#C6DCDB	#C8D8DD	#C9D5DF	#CAD2E1	#CBCEE3	#CDCAE6
#C5E2D6	#C7DED9	#C8DADB	#CAD6DE	#CBD1E0	#CDCDE3	#CFC8E6
#C5E6D2	#C7E1D5	#C9DBD8	#CBD6DC	#CDD1DF	#CFCCE2	#D2C5E6
Colorpallet from #C5D2E6 to #C5E6D2 and to #D2E6C5
#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6
#C5D5E3	#C5D5E3	#C6D5E2	#C6D5E2	#C6D5E2	#C7D5E1	#C7D5E1
#C5D8E0	#C6D8DF	#C6D8DE	#C7D8DE	#C8D8DD	#C8D8DC	#C9D8DB
#C5DCDC	#C6DCDB	#C7DCDA	#C8DCD9	#C9DCD8	#CADCD7	#CBDCD6
#C5DFD9	#C6DFD8	#C8DFD6	#C9DFD5	#CADFD4	#CBDFD3	#CDDFD1
#C5E2D6	#C7E2D4	#C8E2D3	#CAE2D1	#CBE2D0	#CDE2CE	#CFE2CC
#C5E6D2	#C7E6D0	#C9E6CE	#CBE6CC	#CDE6CA	#CFE6C8	#D2E6C5
Colorpallet from #C5D2E6 to #C5E6D2 and to #E6C5D2
#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6
#C5D5E3	#C6D4E3	#C7D3E3	#C7D3E3	#C8D2E3	#C9D1E3	#CAD0E3
#C5D8E0	#C7D6E0	#C9D5E0	#CAD3E0	#CCD2E0	#CED0E0	#D0CEE0
#C5DCDC	#C8D9DC	#CAD7DC	#CDD4DC	#CFD2DC	#D2CFDC	#D5CCDC
#C5DFD9	#C8DCD9	#CCD8D9	#CFD5D9	#D2D2D9	#D6CED9	#DACAD9
#C5E2D6	#C9DED6	#CDDAD6	#D1D6D6	#D6D1D6	#DACDD6	#DFC8D6
#C5E6D2	#CAE1D2	#D0DBD2	#D5D6D2	#DAD1D2	#DFCCD2	#E6C5D2
Colorpallet from #C5D2E6 to #C5E6D2 and to #E6D2C5
#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6
#C5D5E3	#C6D5E3	#C7D4E2	#C7D4E2	#C8D3E2	#C9D3E1	#CAD2E1
#C5D8E0	#C7D7DF	#C9D6DE	#CAD5DE	#CCD4DD	#CED3DC	#D0D2DB
#C5DCDC	#C8DADB	#CAD9DA	#CDD7D9	#CFD6D8	#D2D4D7	#D5D2D6
#C5DFD9	#C8DDD8	#CCDBD6	#CFD9D5	#D2D7D4	#D6D5D3	#DAD2D1
#C5E2D6	#C9DFD4	#CDDDD3	#D1DAD1	#D6D8D0	#DAD5CE	#DFD2CC
#C5E6D2	#CAE3D0	#D0E0CE	#D5DCCC	#DAD9CA	#DFD6C8	#E6D2C5
Colorpallet from #C5D2E6 to #D2C5E6 and to #D2E6C5
#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6
#C7D0E6	#C7D1E5	#C7D2E4	#C7D2E4	#C7D3E3	#C7D4E2	#C7D5E1
#C9CEE6	#C9D0E4	#C9D1E2	#C9D3E1	#C9D4DF	#C9D6DD	#C9D8DB
#CBCCE6	#CBCFE3	#CBD1E1	#CBD4DE	#CBD6DC	#CBD9D9	#CBDCD6
#CDCAE6	#CDCDE3	#CDD1DF	#CDD4DC	#CDD7D9	#CDDBD5	#CDDFD1
#CFC8E6	#CFCCE2	#CFD0DE	#CFD4DA	#CFD9D5	#CFDDD1	#CFE2CC
#D2C5E6	#D2CAE1	#D2D0DB	#D2D5D6	#D2DAD1	#D2DFCC	#D2E6C5
Colorpallet from #C5D2E6 to #D2C5E6 and to #E6C5D2
#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6
#C7D0E6	#C7D0E6	#C8D0E5	#C8D0E5	#C9D0E4	#C9D0E4	#CAD0E3
#C9CEE6	#CACEE5	#CBCEE4	#CCCEE3	#CDCEE2	#CFCEE1	#D0CEE0
#CBCCE6	#CDCCE4	#CECCE3	#D0CCE1	#D1CCE0	#D3CCDE	#D5CCDC
#CDCAE6	#CFCAE4	#D1CAE2	#D3CAE0	#D5CADE	#D7CADC	#DACAD9
#CFC8E6	#D2C8E3	#D4C8E1	#D7C8DE	#D9C8DC	#DCC8D9	#DFC8D6
#D2C5E6	#D5C5E3	#D8C5E0	#DCC5DC	#DFC5D9	#E2C5D6	#E6C5D2
Colorpallet from #C5D2E6 to #D2C5E6 and to #E6D2C5
#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6
#C7D0E6	#C7D0E5	#C8D1E4	#C8D1E4	#C9D1E3	#C9D2E2	#CAD2E1
#C9CEE6	#CACFE4	#CBCFE2	#CCD0E1	#CDD1DF	#CFD1DD	#D0D2DB
#CBCCE6	#CDCDE3	#CECEE1	#D0CFDE	#D1D0DC	#D3D1D9	#D5D2D6
#CDCAE6	#CFCBE3	#D1CDDF	#D3CEDC	#D5CFD9	#D7D0D5	#DAD2D1
#CFC8E6	#D2CAE2	#D4CBDE	#D7CDDA	#D9CED5	#DCD0D1	#DFD2CC
#D2C5E6	#D5C7E1	#D8C9DB	#DCCBD6	#DFCDD1	#E2CFCC	#E6D2C5
Colorpallet from #C5D2E6 to #D2E6C5 and to #E6C5D2
#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6
#C7D5E1	#C7D4E1	#C8D3E2	#C8D3E2	#C9D2E2	#C9D1E3	#CAD0E3
#C9D8DB	#CAD6DC	#CBD5DD	#CCD3DD	#CDD2DE	#CFD0DF	#D0CEE0
#CBDCD6	#CDD9D7	#CED7D8	#D0D4D9	#D1D2DA	#D3CFDB	#D5CCDC
#CDDFD1	#CFDCD2	#D1D8D4	#D3D5D5	#D5D2D6	#D7CED7	#DACAD9
#CFE2CC	#D2DECE	#D4DACF	#D7D6D1	#D9D1D2	#DCCDD4	#DFC8D6
#D2E6C5	#D5E1C7	#D8DBC9	#DCD6CB	#DFD1CD	#E2CCCF	#E6C5D2
Colorpallet from #C5D2E6 to #D2E6C5 and to #E6D2C5
#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6
#C7D5E1	#C7D5E1	#C8D4E1	#C8D4E1	#C9D3E1	#C9D3E1	#CAD2E1
#C9D8DB	#CAD7DB	#CBD6DB	#CCD5DB	#CDD4DB	#CFD3DB	#D0D2DB
#CBDCD6	#CDDAD6	#CED9D6	#D0D7D6	#D1D6D6	#D3D4D6	#D5D2D6
#CDDFD1	#CFDDD1	#D1DBD1	#D3D9D1	#D5D7D1	#D7D5D1	#DAD2D1
#CFE2CC	#D2DFCC	#D4DDCC	#D7DACC	#D9D8CC	#DCD5CC	#DFD2CC
#D2E6C5	#D5E3C5	#D8E0C5	#DCDCC5	#DFD9C5	#E2D6C5	#E6D2C5
Colorpallet from #C5D2E6 to #E6C5D2 and to #E6D2C5
#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6	#C5D2E6
#CAD0E3	#CAD0E3	#CAD1E2	#CAD1E2	#CAD1E2	#CAD2E1	#CAD2E1
#D0CEE0	#D0CFDF	#D0CFDE	#D0D0DE	#D0D1DD	#D0D1DC	#D0D2DB
#D5CCDC	#D5CDDB	#D5CEDA	#D5CFD9	#D5D0D8	#D5D1D7	#D5D2D6
#DACAD9	#DACBD8	#DACDD6	#DACED5	#DACFD4	#DAD0D3	#DAD2D1
#DFC8D6	#DFCAD4	#DFCBD3	#DFCDD1	#DFCED0	#DFD0CE	#DFD2CC
#E6C5D2	#E6C7D0	#E6C9CE	#E6CBCC	#E6CDCA	#E6CFC8	#E6D2C5