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 #CAF7BE to #CABEF7 and to #F7CABE
#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE
#CAEEC7#CBEEC6#CCEFC4#CDEFC3#CEEFC1#D0F0C0#D1F0BE
#CAE5D0#CCE6CD#CEE6CA#D1E7C7#D3E8C4#D5E8C2#D8E9BE
#CADCD9#CEDDD5#D1DED0#D5DECC#D8DFC8#DCE0C3#E0E1BE
#CAD3E2#CFD4DC#D3D5D6#D8D6D1#DDD7CB#E1D9C5#E7DABE
#CAC9EC#D0CBE5#D6CCDD#DBCED6#E1CFCF#E7D1C7#EED3BE
#CABEF7#D1C0EE#D8C2E5#E0C4DC#E7C6D3#EEC8C9#F7CABE

Colorpallet from #CAF7BE to #CABEF7 and to #F7BECA
#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE
#CAEEC7#CBEEC6#CCEEC5#CDEEC4#CEEEC3#D0EEC1#D1EEC0
#CAE5D0#CCE5CE#CEE5CC#D1E5C9#D3E5C7#D5E5C5#D8E5C2
#CADCD9#CEDCD6#D1DCD2#D5DCCF#D8DCCC#DCDCC8#E0DCC4
#CAD3E2#CFD3DE#D3D3D9#D8D3D5#DDD3D0#E1D3CC#E7D3C6
#CAC9EC#D0C9E6#D6C9E0#DBC9DB#E1C9D5#E7C9CF#EEC9C8
#CABEF7#D1BEF0#D8BEE9#E0BEE1#E7BEDA#EEBED3#F7BECA

Colorpallet from #CAF7BE to #CABEF7 and to #BECAF7
#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE
#CAEEC7#CAEEC7#C9EFC7#C9EFC7#C9EFC7#C8F0C7#C8F0C7
#CAE5D0#C9E6D0#C9E6D0#C8E7D0#C7E8D0#C7E8D0#C6E9D0
#CADCD9#C9DDD9#C8DED9#C7DED9#C6DFD9#C5E0D9#C4E1D9
#CAD3E2#C9D4E2#C7D5E2#C6D6E2#C5D7E2#C4D9E2#C2DAE2
#CAC9EC#C8CBEC#C7CCEC#C5CEEC#C4CFEC#C2D1EC#C0D3EC
#CABEF7#C8C0F7#C6C2F7#C4C4F7#C2C6F7#C0C8F7#BECAF7

Colorpallet from #CAF7BE to #CABEF7 and to #BEF7CA
#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE
#CAEEC7#CAEFC6#C9F1C5#C9F2C4#C9F4C3#C8F5C1#C8F7C0
#CAE5D0#C9E8CE#C9EBCC#C8EEC9#C7F1C7#C7F3C5#C6F7C2
#CADCD9#C9E0D6#C8E5D2#C7E9CF#C6EDCC#C5F2C8#C4F7C4
#CAD3E2#C9D9DE#C7DFD9#C6E4D5#C5EAD0#C4F0CC#C2F7C6
#CAC9EC#C8D0E6#C7D8E0#C5DFDB#C4E6D5#C2EECF#C0F7C8
#CABEF7#C8C7F0#C6D0E9#C4D9E1#C2E2DA#C0ECD3#BEF7CA

Colorpallet from #CAF7BE to #F7CABE and to #F7BECA
#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE
#D1F0BE#D1F0BE#D1EFBF#D1EFBF#D1EFBF#D1EEC0#D1EEC0
#D8E9BE#D8E8BF#D8E8BF#D8E7C0#D8E6C1#D8E6C1#D8E5C2
#E0E1BE#E0E0BF#E0DFC0#E0DFC1#E0DEC2#E0DDC3#E0DCC4
#E7DABE#E7D9BF#E7D8C1#E7D7C2#E7D6C3#E7D4C4#E7D3C6
#EED3BE#EED1C0#EED0C1#EECEC3#EECDC4#EECBC6#EEC9C8
#F7CABE#F7C8C0#F7C6C2#F7C4C4#F7C2C6#F7C0C8#F7BECA

Colorpallet from #CAF7BE to #F7CABE and to #BECAF7
#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE
#D1F0BE#D0F0BF#CEF0C1#CDF0C2#CBF0C4#CAF0C5#C8F0C7
#D8E9BE#D5E9C1#D2E9C4#CFE9C7#CCE9CA#CAE9CC#C6E9D0
#E0E1BE#DCE1C2#D7E1C7#D3E1CB#CEE1CF#CAE1D4#C4E1D9
#E7DABE#E1DAC4#DBDACA#D5DACF#CFDAD5#C9DADB#C2DAE2
#EED3BE#E7D3C5#DFD3CD#D8D3D4#D1D3DB#C9D3E3#C0D3EC
#F7CABE#EECAC7#E5CAD0#DCCAD9#D3CAE2#C9CAEC#BECAF7

Colorpallet from #CAF7BE to #F7CABE and to #BEF7CA
#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE
#D1F0BE#D0F1BE#CEF2BF#CDF3BF#CBF4BF#CAF6C0#C8F7C0
#D8E9BE#D5EBBF#D2EDBF#CFF0C0#CCF2C1#CAF4C1#C6F7C2
#E0E1BE#DCE5BF#D7E8C0#D3ECC1#CEEFC2#CAF3C3#C4F7C4
#E7DABE#E1DFBF#DBE3C1#D5E8C2#CFEDC3#C9F1C4#C2F7C6
#EED3BE#E7D9C0#DFDFC1#D8E4C3#D1EAC4#C9F0C6#C0F7C8
#F7CABE#EED1C0#E5D8C2#DCE0C4#D3E7C6#C9EEC8#BEF7CA

Colorpallet from #CAF7BE to #F7BECA and to #BECAF7
#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE
#D1EEC0#D0EEC1#CEEFC2#CDEFC3#CBEFC4#CAF0C6#C8F0C7
#D8E5C2#D5E6C4#D2E6C6#CFE7C9#CCE8CB#CAE8CD#C6E9D0
#E0DCC4#DCDDC7#D7DECB#D3DECE#CEDFD1#CAE0D5#C4E1D9
#E7D3C6#E1D4CA#DBD5CF#D5D6D3#CFD7D8#C9D9DC#C2DAE2
#EEC9C8#E7CBCE#DFCCD4#D8CED9#D1CFDF#C9D1E5#C0D3EC
#F7BECA#EEC0D1#E5C2D8#DCC4E0#D3C6E7#C9C8EE#BECAF7

Colorpallet from #CAF7BE to #F7BECA and to #BEF7CA
#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE
#D1EEC0#D0EFC0#CEF1C0#CDF2C0#CBF4C0#CAF5C0#C8F7C0
#D8E5C2#D5E8C2#D2EBC2#CFEEC2#CCF1C2#CAF3C2#C6F7C2
#E0DCC4#DCE0C4#D7E5C4#D3E9C4#CEEDC4#CAF2C4#C4F7C4
#E7D3C6#E1D9C6#DBDFC6#D5E4C6#CFEAC6#C9F0C6#C2F7C6
#EEC9C8#E7D0C8#DFD8C8#D8DFC8#D1E6C8#C9EEC8#C0F7C8
#F7BECA#EEC7CA#E5D0CA#DCD9CA#D3E2CA#C9ECCA#BEF7CA

Colorpallet from #CAF7BE to #BECAF7 and to #BEF7CA
#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE#CAF7BE
#C8F0C7#C8F1C6#C8F2C5#C8F3C4#C8F4C3#C8F6C1#C8F7C0
#C6E9D0#C6EBCE#C6EDCC#C6F0C9#C6F2C7#C6F4C5#C6F7C2
#C4E1D9#C4E5D6#C4E8D2#C4ECCF#C4EFCC#C4F3C8#C4F7C4
#C2DAE2#C2DFDE#C2E3D9#C2E8D5#C2EDD0#C2F1CC#C2F7C6
#C0D3EC#C0D9E6#C0DFE0#C0E4DB#C0EAD5#C0F0CF#C0F7C8
#BECAF7#BED1F0#BED8E9#BEE0E1#BEE7DA#BEEED3#BEF7CA