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 #C1D5DF to #C1DFD5 and to #D5C1DF
#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF
#C1D7DD#C1D6DD#C2D5DE#C2D5DE#C3D4DE#C3D3DF#C4D2DF
#C1D8DC#C2D7DC#C3D5DD#C4D4DD#C5D2DE#C6D1DE#C7CFDF
#C1DADA#C3D8DB#C4D5DC#C6D3DC#C7D0DD#C9CEDE#CBCBDF
#C1DBD9#C3D8DA#C5D5DB#C7D2DC#C9CFDD#CBCCDE#CEC8DF
#C1DDD7#C4D9D8#C6D5DA#C9D1DB#CBCEDC#CECADD#D1C5DF
#C1DFD5#C4DAD7#C7D5D8#CBD1DA#CECCDB#D1C7DD#D5C1DF

Colorpallet from #C1D5DF to #C1DFD5 and to #D5DFC1
#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF
#C1D7DD#C1D7DD#C2D7DC#C2D7DC#C3D7DB#C3D7DB#C4D7DA
#C1D8DC#C2D8DB#C3D8DA#C4D8D9#C5D8D8#C6D8D6#C7D8D5
#C1DADA#C3DAD9#C4DAD7#C6DAD6#C7DAD4#C9DAD3#CBDAD1
#C1DBD9#C3DBD7#C5DBD5#C7DBD3#C9DBD1#CBDBCF#CEDBCC
#C1DDD7#C4DDD4#C6DDD2#C9DDCF#CBDDCD#CEDDCA#D1DDC7
#C1DFD5#C4DFD2#C7DFCF#CBDFCB#CEDFC8#D1DFC5#D5DFC1

Colorpallet from #C1D5DF to #C1DFD5 and to #DFC1D5
#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF
#C1D7DD#C2D6DD#C3D5DD#C3D5DD#C4D4DD#C5D3DD#C6D2DD
#C1D8DC#C3D7DC#C4D5DC#C6D4DC#C7D2DC#C9D1DC#CBCFDC
#C1DADA#C3D8DA#C5D5DA#C8D3DA#CAD0DA#CCCEDA#CFCBDA
#C1DBD9#C4D8D9#C7D5D9#CAD2D9#CDCFD9#D0CCD9#D4C8D9
#C1DDD7#C5D9D7#C9D5D7#CDD1D7#D0CED7#D4CAD7#D9C5D7
#C1DFD5#C6DAD5#CBD5D5#CFD1D5#D4CCD5#D9C7D5#DFC1D5

Colorpallet from #C1D5DF to #C1DFD5 and to #DFD5C1
#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF
#C1D7DD#C2D7DD#C3D6DC#C3D6DC#C4D6DB#C5D5DB#C6D5DA
#C1D8DC#C3D8DB#C4D7DA#C6D7D9#C7D6D8#C9D6D6#CBD5D5
#C1DADA#C3D9D9#C5D8D7#C8D8D6#CAD7D4#CCD6D3#CFD5D1
#C1DBD9#C4DAD7#C7D9D5#CAD8D3#CDD7D1#D0D6CF#D4D5CC
#C1DDD7#C5DCD4#C9DAD2#CDD9CF#D0D8CD#D4D7CA#D9D5C7
#C1DFD5#C6DDD2#CBDCCF#CFDACB#D4D9C8#D9D7C5#DFD5C1

Colorpallet from #C1D5DF to #D5C1DF and to #D5DFC1
#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF
#C4D2DF#C4D3DE#C4D4DD#C4D4DD#C4D5DC#C4D6DB#C4D7DA
#C7CFDF#C7D0DD#C7D2DC#C7D3DA#C7D5D9#C7D6D7#C7D8D5
#CBCBDF#CBCDDD#CBD0DB#CBD2D8#CBD5D6#CBD7D4#CBDAD1
#CEC8DF#CECBDC#CECED9#CED1D6#CED4D3#CED7D0#CEDBCC
#D1C5DF#D1C9DB#D1CDD7#D1D1D3#D1D4D0#D1D8CC#D1DDC7
#D5C1DF#D5C6DA#D5CBD5#D5CFD1#D5D4CC#D5D9C7#D5DFC1

Colorpallet from #C1D5DF to #D5C1DF and to #DFC1D5
#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF
#C4D2DF#C4D2DF#C5D2DE#C5D2DE#C5D2DE#C6D2DD#C6D2DD
#C7CFDF#C8CFDF#C8CFDE#C9CFDE#CACFDD#CACFDD#CBCFDC
#CBCBDF#CCCBDE#CCCBDD#CDCBDD#CECBDC#CECBDB#CFCBDA
#CEC8DF#CFC8DE#D0C8DD#D1C8DC#D2C8DB#D3C8DA#D4C8D9
#D1C5DF#D2C5DE#D4C5DC#D5C5DB#D6C5DA#D7C5D9#D9C5D7
#D5C1DF#D7C1DD#D8C1DC#DAC1DA#DBC1D9#DDC1D7#DFC1D5

Colorpallet from #C1D5DF to #D5C1DF and to #DFD5C1
#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF
#C4D2DF#C4D2DE#C5D3DD#C5D3DD#C5D4DC#C6D4DB#C6D5DA
#C7CFDF#C8D0DD#C8D1DC#C9D2DA#CAD3D9#CAD4D7#CBD5D5
#CBCBDF#CCCDDD#CCCEDB#CDD0D8#CED1D6#CED3D4#CFD5D1
#CEC8DF#CFCADC#D0CCD9#D1CED6#D2D0D3#D3D2D0#D4D5CC
#D1C5DF#D2C8DB#D4CAD7#D5CDD3#D6CFD0#D7D2CC#D9D5C7
#D5C1DF#D7C4DA#D8C7D5#DACBD1#DBCECC#DDD1C7#DFD5C1

Colorpallet from #C1D5DF to #D5DFC1 and to #DFC1D5
#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF
#C4D7DA#C4D6DA#C5D5DB#C5D5DB#C5D4DC#C6D3DC#C6D2DD
#C7D8D5#C8D7D6#C8D5D7#C9D4D8#CAD2D9#CAD1DB#CBCFDC
#CBDAD1#CCD8D2#CCD5D4#CDD3D5#CED0D7#CECED8#CFCBDA
#CEDBCC#CFD8CE#D0D5D0#D1D2D2#D2CFD4#D3CCD6#D4C8D9
#D1DDC7#D2D9CA#D4D5CC#D5D1CF#D6CED1#D7CAD4#D9C5D7
#D5DFC1#D7DAC4#D8D5C7#DAD1CB#DBCCCE#DDC7D1#DFC1D5

Colorpallet from #C1D5DF to #D5DFC1 and to #DFD5C1
#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF
#C4D7DA#C4D7DA#C5D6DA#C5D6DA#C5D6DA#C6D5DA#C6D5DA
#C7D8D5#C8D8D5#C8D7D5#C9D7D5#CAD6D5#CAD6D5#CBD5D5
#CBDAD1#CCD9D1#CCD8D1#CDD8D1#CED7D1#CED6D1#CFD5D1
#CEDBCC#CFDACC#D0D9CC#D1D8CC#D2D7CC#D3D6CC#D4D5CC
#D1DDC7#D2DCC7#D4DAC7#D5D9C7#D6D8C7#D7D7C7#D9D5C7
#D5DFC1#D7DDC1#D8DCC1#DADAC1#DBD9C1#DDD7C1#DFD5C1

Colorpallet from #C1D5DF to #DFC1D5 and to #DFD5C1
#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF#C1D5DF
#C6D2DD#C6D2DD#C6D3DC#C6D3DC#C6D4DB#C6D4DB#C6D5DA
#CBCFDC#CBD0DB#CBD1DA#CBD2D9#CBD3D8#CBD4D6#CBD5D5
#CFCBDA#CFCDD9#CFCED7#CFD0D6#CFD1D4#CFD3D3#CFD5D1
#D4C8D9#D4CAD7#D4CCD5#D4CED3#D4D0D1#D4D2CF#D4D5CC
#D9C5D7#D9C8D4#D9CAD2#D9CDCF#D9CFCD#D9D2CA#D9D5C7
#DFC1D5#DFC4D2#DFC7CF#DFCBCB#DFCEC8#DFD1C5#DFD5C1