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 #C2D8E2 to #C2E2D8 and to #D8C2E2
#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2
#C2DAE0	#C3D9E0	#C3D8E1	#C4D7E1	#C5D6E1	#C5D5E2	#C6D4E2
#C2DBDF	#C3D9DF	#C4D8E0	#C5D6E0	#C6D5E1	#C8D3E1	#C9D1E2
#C2DDDD	#C4DADE	#C6D8DF	#C7D5DF	#C9D3E0	#CBD0E1	#CDCDE2
#C2DEDC	#C4DBDD	#C6D8DE	#C9D4DF	#CBD1E0	#CDCEE1	#D0CAE2
#C2E0DA	#C5DCDB	#C8D8DD	#CBD4DE	#CECFDF	#D0CBE0	#D4C6E2
#C2E2D8	#C6DDDA	#C9D8DB	#CDD3DD	#D0CEDE	#D4C8E0	#D8C2E2
Colorpallet from #C2D8E2 to #C2E2D8 and to #D8E2C2
#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2
#C2DAE0	#C3DAE0	#C3DADF	#C4DADF	#C5DADE	#C5DADE	#C6DADD
#C2DBDF	#C3DBDE	#C4DBDD	#C5DBDC	#C6DBDB	#C8DBD9	#C9DBD8
#C2DDDD	#C4DDDB	#C6DDDA	#C7DDD8	#C9DDD7	#CBDDD5	#CDDDD3
#C2DEDC	#C4DEDA	#C6DED8	#C9DED5	#CBDED3	#CDDED1	#D0DECE
#C2E0DA	#C5E0D7	#C8E0D4	#CBE0D1	#CEE0CE	#D0E0CC	#D4E0C8
#C2E2D8	#C6E2D4	#C9E2D1	#CDE2CD	#D0E2CA	#D4E2C6	#D8E2C2
Colorpallet from #C2D8E2 to #C2E2D8 and to #E2C2D8
#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2
#C2DAE0	#C3D9E0	#C4D8E0	#C4D7E0	#C5D6E0	#C6D5E0	#C7D4E0
#C2DBDF	#C4D9DF	#C5D8DF	#C7D6DF	#C8D5DF	#CAD3DF	#CCD1DF
#C2DDDD	#C4DADD	#C7D8DD	#C9D5DD	#CCD3DD	#CED0DD	#D1CDDD
#C2DEDC	#C5DBDC	#C8D8DC	#CCD4DC	#CFD1DC	#D2CEDC	#D6CADC
#C2E0DA	#C6DCDA	#CAD8DA	#CED4DA	#D3CFDA	#D7CBDA	#DCC6DA
#C2E2D8	#C7DDD8	#CCD8D8	#D1D3D8	#D6CED8	#DCC8D8	#E2C2D8
Colorpallet from #C2D8E2 to #C2E2D8 and to #E2D8C2
#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2
#C2DAE0	#C3DAE0	#C4D9DF	#C4D9DF	#C5D9DE	#C6D8DE	#C7D8DD
#C2DBDF	#C4DBDE	#C5DADD	#C7DADC	#C8D9DB	#CAD9D9	#CCD8D8
#C2DDDD	#C4DCDB	#C7DBDA	#C9DBD8	#CCDAD7	#CED9D5	#D1D8D3
#C2DEDC	#C5DDDA	#C8DCD8	#CCDBD5	#CFDAD3	#D2D9D1	#D6D8CE
#C2E0DA	#C6DFD7	#CADDD4	#CEDCD1	#D3DBCE	#D7DACC	#DCD8C8
#C2E2D8	#C7E0D4	#CCDFD1	#D1DDCD	#D6DCCA	#DCDAC6	#E2D8C2
Colorpallet from #C2D8E2 to #D8C2E2 and to #D8E2C2
#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2
#C6D4E2	#C6D5E1	#C6D6E0	#C6D7E0	#C6D8DF	#C6D9DE	#C6DADD
#C9D1E2	#C9D3E0	#C9D4DF	#C9D6DD	#C9D7DC	#C9D9DA	#C9DBD8
#CDCDE2	#CDD0E0	#CDD2DD	#CDD5DB	#CDD7D8	#CDDAD6	#CDDDD3
#D0CAE2	#D0CDDF	#D0D0DC	#D0D4D8	#D0D7D5	#D0DAD2	#D0DECE
#D4C6E2	#D4CADE	#D4CEDA	#D4D2D6	#D4D7D1	#D4DBCD	#D4E0C8
#D8C2E2	#D8C7DD	#D8CCD8	#D8D1D3	#D8D6CE	#D8DCC8	#D8E2C2
Colorpallet from #C2D8E2 to #D8C2E2 and to #E2C2D8
#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2
#C6D4E2	#C6D4E2	#C6D4E1	#C6D4E1	#C7D4E1	#C7D4E0	#C7D4E0
#C9D1E2	#C9D1E2	#CAD1E1	#CAD1E1	#CBD1E0	#CBD1E0	#CCD1DF
#CDCDE2	#CECDE1	#CECDE0	#CFCDE0	#D0CDDF	#D0CDDE	#D1CDDD
#D0CAE2	#D1CAE1	#D2CAE0	#D3CADF	#D4CADE	#D5CADD	#D6CADC
#D4C6E2	#D5C6E1	#D7C6DF	#D8C6DE	#D9C6DD	#DAC6DC	#DCC6DA
#D8C2E2	#DAC2E0	#DBC2DF	#DDC2DD	#DEC2DC	#E0C2DA	#E2C2D8
Colorpallet from #C2D8E2 to #D8C2E2 and to #E2D8C2
#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2
#C6D4E2	#C6D5E1	#C6D5E0	#C6D6E0	#C7D7DF	#C7D7DE	#C7D8DD
#C9D1E2	#C9D2E0	#CAD3DF	#CAD4DD	#CBD5DC	#CBD7DA	#CCD8D8
#CDCDE2	#CECFE0	#CED1DD	#CFD2DB	#D0D4D8	#D0D6D6	#D1D8D3
#D0CAE2	#D1CCDF	#D2CEDC	#D3D1D8	#D4D3D5	#D5D5D2	#D6D8CE
#D4C6E2	#D5C9DE	#D7CCDA	#D8CFD6	#D9D2D1	#DAD4CD	#DCD8C8
#D8C2E2	#DAC6DD	#DBC9D8	#DDCDD3	#DED0CE	#E0D4C8	#E2D8C2
Colorpallet from #C2D8E2 to #D8E2C2 and to #E2C2D8
#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2
#C6DADD	#C6D9DD	#C6D8DE	#C6D7DE	#C7D6DF	#C7D5DF	#C7D4E0
#C9DBD8	#C9D9D9	#CAD8DA	#CAD6DB	#CBD5DC	#CBD3DE	#CCD1DF
#CDDDD3	#CEDAD5	#CED8D6	#CFD5D8	#D0D3D9	#D0D0DB	#D1CDDD
#D0DECE	#D1DBD0	#D2D8D2	#D3D4D5	#D4D1D7	#D5CED9	#D6CADC
#D4E0C8	#D5DCCB	#D7D8CE	#D8D4D1	#D9CFD4	#DACBD6	#DCC6DA
#D8E2C2	#DADDC6	#DBD8C9	#DDD3CD	#DECED0	#E0C8D4	#E2C2D8
Colorpallet from #C2D8E2 to #D8E2C2 and to #E2D8C2
#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2
#C6DADD	#C6DADD	#C6D9DD	#C6D9DD	#C7D9DD	#C7D8DD	#C7D8DD
#C9DBD8	#C9DBD8	#CADAD8	#CADAD8	#CBD9D8	#CBD9D8	#CCD8D8
#CDDDD3	#CEDCD3	#CEDBD3	#CFDBD3	#D0DAD3	#D0D9D3	#D1D8D3
#D0DECE	#D1DDCE	#D2DCCE	#D3DBCE	#D4DACE	#D5D9CE	#D6D8CE
#D4E0C8	#D5DFC8	#D7DDC8	#D8DCC8	#D9DBC8	#DADAC8	#DCD8C8
#D8E2C2	#DAE0C2	#DBDFC2	#DDDDC2	#DEDCC2	#E0DAC2	#E2D8C2
Colorpallet from #C2D8E2 to #E2C2D8 and to #E2D8C2
#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2	#C2D8E2
#C7D4E0	#C7D5E0	#C7D5DF	#C7D6DF	#C7D7DE	#C7D7DE	#C7D8DD
#CCD1DF	#CCD2DE	#CCD3DD	#CCD4DC	#CCD5DB	#CCD7D9	#CCD8D8
#D1CDDD	#D1CFDB	#D1D1DA	#D1D2D8	#D1D4D7	#D1D6D5	#D1D8D3
#D6CADC	#D6CCDA	#D6CED8	#D6D1D5	#D6D3D3	#D6D5D1	#D6D8CE
#DCC6DA	#DCC9D7	#DCCCD4	#DCCFD1	#DCD2CE	#DCD4CC	#DCD8C8
#E2C2D8	#E2C6D4	#E2C9D1	#E2CDCD	#E2D0CA	#E2D4C6	#E2D8C2