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 #AFD6EF to #AFEFD6 and to #D6AFEF
#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF
#AFDAEB#B0D8EC#B1D7EC#B2D5ED#B3D4EE#B4D2EE#B5D0EF
#AFDEE7#B1DBE8#B3D8EA#B5D4EB#B7D1EC#B9CEED#BBCAEF
#AFE2E3#B2DDE5#B5D8E7#B8D3E9#BBCEEB#BEC9ED#C2C3EF
#AFE6DF#B3DFE2#B7D9E4#BBD2E7#BFCCE9#C3C5EC#C8BDEF
#AFEADB#B4E2DE#B9DAE1#BED2E5#C3C9E8#C8C1EB#CEB7EF
#AFEFD6#B5E5DA#BBDBDE#C2D0E2#C8C6E6#CEBCEA#D6AFEF

Colorpallet from #AFD6EF to #AFEFD6 and to #D6EFAF
#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF
#AFDAEB#B0DAEA#B1DAE9#B2DAE8#B3DAE7#B4DAE6#B5DAE5
#AFDEE7#B1DEE5#B3DEE3#B5DEE1#B7DEDF#B9DEDD#BBDEDB
#AFE2E3#B2E2E0#B5E2DD#B8E2DA#BBE2D7#BEE2D4#C2E2D0
#AFE6DF#B3E6DB#B7E6D7#BBE6D3#BFE6CF#C3E6CB#C8E6C6
#AFEADB#B4EAD6#B9EAD1#BEEACC#C3EAC7#C8EAC2#CEEABC
#AFEFD6#B5EFD0#BBEFCA#C2EFC3#C8EFBD#CEEFB7#D6EFAF

Colorpallet from #AFD6EF to #AFEFD6 and to #EFAFD6
#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF
#AFDAEB#B1D8EB#B2D7EB#B4D5EB#B5D4EB#B7D2EB#B9D0EB
#AFDEE7#B2DBE7#B5D8E7#B9D4E7#BCD1E7#BFCEE7#C3CAE7
#AFE2E3#B4DDE3#B9D8E3#BED3E3#C3CEE3#C8C9E3#CEC3E3
#AFE6DF#B6DFDF#BCD9DF#C3D2DF#C9CCDF#D0C5DF#D8BDDF
#AFEADB#B7E2DB#BFDADB#C7D2DB#D0C9DB#D8C1DB#E2B7DB
#AFEFD6#B9E5D6#C3DBD6#CED0D6#D8C6D6#E2BCD6#EFAFD6

Colorpallet from #AFD6EF to #AFEFD6 and to #EFD6AF
#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF
#AFDAEB#B1D9EA#B2D9E9#B4D8E8#B5D7E7#B7D7E6#B9D6E5
#AFDEE7#B2DDE5#B5DBE3#B9DAE1#BCD9DF#BFD8DD#C3D6DB
#AFE2E3#B4E0E0#B9DEDD#BEDCDA#C3DAD7#C8D8D4#CED6D0
#AFE6DF#B6E3DB#BCE1D7#C3DED3#C9DCCF#D0D9CB#D8D6C6
#AFEADB#B7E7D6#BFE4D1#C7E0CC#D0DDC7#D8DAC2#E2D6BC
#AFEFD6#B9EBD0#C3E7CA#CEE3C3#D8DFBD#E2DBB7#EFD6AF

Colorpallet from #AFD6EF to #D6AFEF and to #D6EFAF
#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF
#B5D0EF#B5D2ED#B5D3EC#B5D5EA#B5D6E9#B5D8E7#B5DAE5
#BBCAEF#BBCDEC#BBD0E9#BBD4E5#BBD7E2#BBDADF#BBDEDB
#C2C3EF#C2C8EA#C2CDE5#C2D2E0#C2D7DB#C2DCD6#C2E2D0
#C8BDEF#C8C4E8#C8CAE2#C8D1DB#C8D7D5#C8DECE#C8E6C6
#CEB7EF#CEBFE7#CEC7DF#CECFD7#CED8CE#CEE0C6#CEEABC
#D6AFEF#D6B9E5#D6C3DB#D6CED0#D6D8C6#D6E2BC#D6EFAF

Colorpallet from #AFD6EF to #D6AFEF and to #EFAFD6
#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF
#B5D0EF#B6D0EE#B6D0EE#B7D0ED#B8D0EC#B8D0EC#B9D0EB
#BBCAEF#BCCAEE#BECAEC#BFCAEB#C0CAEA#C1CAE9#C3CAE7
#C2C3EF#C4C3ED#C6C3EB#C8C3E9#CAC3E7#CCC3E5#CEC3E3
#C8BDEF#CBBDEC#CDBDEA#D0BDE7#D2BDE5#D5BDE2#D8BDDF
#CEB7EF#D1B7EC#D4B7E9#D8B7E5#DBB7E2#DEB7DF#E2B7DB
#D6AFEF#DAAFEB#DEAFE7#E2AFE3#E6AFDF#EAAFDB#EFAFD6

Colorpallet from #AFD6EF to #D6AFEF and to #EFD6AF
#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF
#B5D0EF#B6D1ED#B6D2EC#B7D3EA#B8D4E9#B8D5E7#B9D6E5
#BBCAEF#BCCCEC#BECEE9#BFD0E5#C0D2E2#C1D4DF#C3D6DB
#C2C3EF#C4C6EA#C6C9E5#C8CCE0#CACFDB#CCD2D6#CED6D0
#C8BDEF#CBC1E8#CDC5E2#D0C9DB#D2CDD5#D5D1CE#D8D6C6
#CEB7EF#D1BCE7#D4C1DF#D8C6D7#DBCBCE#DED0C6#E2D6BC
#D6AFEF#DAB5E5#DEBBDB#E2C2D0#E6C8C6#EACEBC#EFD6AF

Colorpallet from #AFD6EF to #D6EFAF and to #EFAFD6
#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF
#B5DAE5#B6D8E6#B6D7E7#B7D5E8#B8D4E9#B8D2EA#B9D0EB
#BBDEDB#BCDBDD#BED8DF#BFD4E1#C0D1E3#C1CEE5#C3CAE7
#C2E2D0#C4DDD3#C6D8D6#C8D3D9#CACEDC#CCC9DF#CEC3E3
#C8E6C6#CBDFCA#CDD9CE#D0D2D2#D2CCD6#D5C5DA#D8BDDF
#CEEABC#D1E2C1#D4DAC6#D8D2CB#DBC9D0#DEC1D5#E2B7DB
#D6EFAF#DAE5B5#DEDBBB#E2D0C2#E6C6C8#EABCCE#EFAFD6

Colorpallet from #AFD6EF to #D6EFAF and to #EFD6AF
#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF
#B5DAE5#B6D9E5#B6D9E5#B7D8E5#B8D7E5#B8D7E5#B9D6E5
#BBDEDB#BCDDDB#BEDBDB#BFDADB#C0D9DB#C1D8DB#C3D6DB
#C2E2D0#C4E0D0#C6DED0#C8DCD0#CADAD0#CCD8D0#CED6D0
#C8E6C6#CBE3C6#CDE1C6#D0DEC6#D2DCC6#D5D9C6#D8D6C6
#CEEABC#D1E7BC#D4E4BC#D8E0BC#DBDDBC#DEDABC#E2D6BC
#D6EFAF#DAEBAF#DEE7AF#E2E3AF#E6DFAF#EADBAF#EFD6AF

Colorpallet from #AFD6EF to #EFAFD6 and to #EFD6AF
#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF#AFD6EF
#B9D0EB#B9D1EA#B9D2E9#B9D3E8#B9D4E7#B9D5E6#B9D6E5
#C3CAE7#C3CCE5#C3CEE3#C3D0E1#C3D2DF#C3D4DD#C3D6DB
#CEC3E3#CEC6E0#CEC9DD#CECCDA#CECFD7#CED2D4#CED6D0
#D8BDDF#D8C1DB#D8C5D7#D8C9D3#D8CDCF#D8D1CB#D8D6C6
#E2B7DB#E2BCD6#E2C1D1#E2C6CC#E2CBC7#E2D0C2#E2D6BC
#EFAFD6#EFB5D0#EFBBCA#EFC2C3#EFC8BD#EFCEB7#EFD6AF