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 #C5D6F2 to #C5F2D6 and to #D6C5F2
#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2
#C5DAEE#C5D9EF#C6D8EF#C6D7F0#C7D6F1#C7D4F1#C8D3F2
#C5DFE9#C6DDEA#C7DBEC#C7D8ED#C8D6EF#C9D4F0#CAD1F2
#C5E3E5#C6E0E7#C8DCE9#C9D9EB#CAD6ED#CBD2EF#CDCEF2
#C5E8E0#C7E3E3#C9DFE6#CADAE9#CCD5EC#CED1EE#D0CBF2
#C5ECDC#C7E6E0#C9E0E3#CCDBE7#CED5EA#D0CFEE#D3C8F2
#C5F2D6#C8EBDA#CAE4DF#CDDCE3#D0D5E8#D3CEEC#D6C5F2

Colorpallet from #C5D6F2 to #C5F2D6 and to #D6F2C5
#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2
#C5DAEE#C5DAEE#C6DAED#C6DAED#C7DAEC#C7DAEC#C8DAEB
#C5DFE9#C6DFE8#C7DFE7#C7DFE7#C8DFE6#C9DFE5#CADFE4
#C5E3E5#C6E3E4#C8E3E2#C9E3E1#CAE3DF#CBE3DE#CDE3DC
#C5E8E0#C7E8DE#C9E8DC#CAE8DB#CCE8D9#CEE8D7#D0E8D5
#C5ECDC#C7ECDA#C9ECD8#CCECD5#CEECD3#D0ECD1#D3ECCE
#C5F2D6#C8F2D3#CAF2D1#CDF2CE#D0F2CB#D3F2C8#D6F2C5

Colorpallet from #C5D6F2 to #C5F2D6 and to #F2C5D6
#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2
#C5DAEE#C6D9EE#C7D8EE#C8D7EE#C9D6EE#CBD4EE#CCD3EE
#C5DFE9#C7DDE9#C9DBE9#CCD8E9#CED6E9#D0D4E9#D3D1E9
#C5E3E5#C9E0E5#CCDCE5#D0D9E5#D3D6E5#D7D2E5#DBCEE5
#C5E8E0#CAE3E0#CEDFE0#D3DAE0#D8D5E0#DCD1E0#E2CBE0
#C5ECDC#CBE6DC#D1E0DC#D6DBDC#DCD5DC#E2CFDC#E9C8DC
#C5F2D6#CCEBD6#D3E4D6#DBDCD6#E2D5D6#E9CED6#F2C5D6

Colorpallet from #C5D6F2 to #C5F2D6 and to #F2D6C5
#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2
#C5DAEE#C6D9EE#C7D9ED#C8D8ED#C9D7EC#CBD7EC#CCD6EB
#C5DFE9#C7DEE8#C9DCE7#CCDBE7#CED9E6#D0D8E5#D3D6E4
#C5E3E5#C9E1E4#CCDFE2#D0DDE1#D3DBDF#D7D9DE#DBD6DC
#C5E8E0#CAE5DE#CEE2DC#D3DFDB#D8DCD9#DCDAD7#E2D6D5
#C5ECDC#CBE8DA#D1E5D8#D6E1D5#DCDED3#E2DAD1#E9D6CE
#C5F2D6#CCEED3#D3E9D1#DBE5CE#E2E0CB#E9DCC8#F2D6C5

Colorpallet from #C5D6F2 to #D6C5F2 and to #D6F2C5
#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2
#C8D3F2#C8D4F1#C8D5F0#C8D6EF#C8D7EE#C8D9EC#C8DAEB
#CAD1F2#CAD3F0#CAD5EE#CAD8EB#CADAE9#CADCE7#CADFE4
#CDCEF2#CDD1EE#CDD5EB#CDD8E7#CDDBE4#CDDFE0#CDE3DC
#D0CBF2#D0D0ED#D0D4E9#D0D9E4#D0DEDF#D0E2DB#D0E8D5
#D3C8F2#D3CEEC#D3D4E6#D3D9E1#D3DFDB#D3E5D5#D3ECCE
#D6C5F2#D6CCEB#D6D3E4#D6DBDC#D6E2D5#D6E9CE#D6F2C5

Colorpallet from #C5D6F2 to #D6C5F2 and to #F2C5D6
#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2
#C8D3F2#C9D3F1#C9D3F1#CAD3F0#CBD3EF#CBD3EF#CCD3EE
#CAD1F2#CBD1F1#CDD1EF#CED1EE#D0D1EC#D1D1EB#D3D1E9
#CDCEF2#CFCEF0#D1CEEE#D4CEEC#D6CEEA#D8CEE8#DBCEE5
#D0CBF2#D3CBEF#D6CBEC#D9CBE9#DCCBE6#DECBE4#E2CBE0
#D3C8F2#D7C8EE#DAC8EB#DEC8E7#E1C8E4#E5C8E0#E9C8DC
#D6C5F2#DAC5EE#DFC5E9#E3C5E5#E8C5E0#ECC5DC#F2C5D6

Colorpallet from #C5D6F2 to #D6C5F2 and to #F2D6C5
#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2
#C8D3F2#C9D3F1#C9D4F0#CAD4EF#CBD5EE#CBD5EC#CCD6EB
#CAD1F2#CBD2F0#CDD3EE#CED3EB#D0D4E9#D1D5E7#D3D6E4
#CDCEF2#CFCFEE#D1D1EB#D4D2E7#D6D3E4#D8D4E0#DBD6DC
#D0CBF2#D3CDED#D6CFE9#D9D0E4#DCD2DF#DED4DB#E2D6D5
#D3C8F2#D7CAEC#DACCE6#DECFE1#E1D1DB#E5D3D5#E9D6CE
#D6C5F2#DAC8EB#DFCAE4#E3CDDC#E8D0D5#ECD3CE#F2D6C5

Colorpallet from #C5D6F2 to #D6F2C5 and to #F2C5D6
#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2
#C8DAEB#C9D9EB#C9D8EC#CAD7EC#CBD6ED#CBD4ED#CCD3EE
#CADFE4#CBDDE5#CDDBE6#CED8E6#D0D6E7#D1D4E8#D3D1E9
#CDE3DC#CFE0DD#D1DCDF#D4D9E0#D6D6E2#D8D2E3#DBCEE5
#D0E8D5#D3E3D7#D6DFD9#D9DADA#DCD5DC#DED1DE#E2CBE0
#D3ECCE#D7E6D0#DAE0D2#DEDBD5#E1D5D7#E5CFD9#E9C8DC
#D6F2C5#DAEBC8#DFE4CA#E3DCCD#E8D5D0#ECCED3#F2C5D6

Colorpallet from #C5D6F2 to #D6F2C5 and to #F2D6C5
#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2
#C8DAEB#C9D9EB#C9D9EB#CAD8EB#CBD7EB#CBD7EB#CCD6EB
#CADFE4#CBDEE4#CDDCE4#CEDBE4#D0D9E4#D1D8E4#D3D6E4
#CDE3DC#CFE1DC#D1DFDC#D4DDDC#D6DBDC#D8D9DC#DBD6DC
#D0E8D5#D3E5D5#D6E2D5#D9DFD5#DCDCD5#DEDAD5#E2D6D5
#D3ECCE#D7E8CE#DAE5CE#DEE1CE#E1DECE#E5DACE#E9D6CE
#D6F2C5#DAEEC5#DFE9C5#E3E5C5#E8E0C5#ECDCC5#F2D6C5

Colorpallet from #C5D6F2 to #F2C5D6 and to #F2D6C5
#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2#C5D6F2
#CCD3EE#CCD3EE#CCD4ED#CCD4ED#CCD5EC#CCD5EC#CCD6EB
#D3D1E9#D3D2E8#D3D3E7#D3D3E7#D3D4E6#D3D5E5#D3D6E4
#DBCEE5#DBCFE4#DBD1E2#DBD2E1#DBD3DF#DBD4DE#DBD6DC
#E2CBE0#E2CDDE#E2CFDC#E2D0DB#E2D2D9#E2D4D7#E2D6D5
#E9C8DC#E9CADA#E9CCD8#E9CFD5#E9D1D3#E9D3D1#E9D6CE
#F2C5D6#F2C8D3#F2CAD1#F2CDCE#F2D0CB#F2D3C8#F2D6C5