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 #BAF8DD to #BADDF8 and to #F8BADD
#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD
#BAF4E1#BCF3E0#BDF2E0#BFF1DF#C0F0DE#C2EFDE#C4EEDD
#BAEFE6#BDEDE5#C0EBE3#C4EAE2#C7E8E0#CAE6DF#CEE4DD
#BAEBEA#BFE8E8#C4E6E6#C8E3E4#CDE0E2#D2DDE0#D8DADD
#BAE7EE#C0E3EB#C7E0E9#CDDCE6#D4D8E3#DAD5E0#E2D0DD
#BAE2F3#C2DEEF#CAD9EC#D2D5E8#DAD0E5#E2CCE1#ECC6DD
#BADDF8#C4D7F4#CED2EF#D8CCEB#E2C7E7#ECC1E2#F8BADD

Colorpallet from #BAF8DD to #BADDF8 and to #F8DDBA
#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD
#BAF4E1#BCF4DF#BDF4DE#BFF4DC#C0F4DB#C2F4D9#C4F4D7
#BAEFE6#BDEFE3#C0EFE0#C4EFDC#C7EFD9#CAEFD6#CEEFD2
#BAEBEA#BFEBE5#C4EBE0#C8EBDC#CDEBD7#D2EBD2#D8EBCC
#BAE7EE#C0E7E8#C7E7E2#CDE7DB#D4E7D5#DAE7CF#E2E7C7
#BAE2F3#C2E2EB#CAE2E3#D2E2DB#DAE2D3#E2E2CB#ECE2C1
#BADDF8#C4DDEE#CEDDE4#D8DDDA#E2DDD0#ECDDC6#F8DDBA

Colorpallet from #BAF8DD to #BADDF8 and to #DDBAF8
#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD
#BAF4E1#BBF3E1#BCF2E1#BDF1E1#BEF0E1#BFEFE1#C0EEE1
#BAEFE6#BCEDE6#BEEBE6#BFEAE6#C1E8E6#C3E6E6#C5E4E6
#BAEBEA#BDE8EA#BFE6EA#C2E3EA#C5E0EA#C8DDEA#CBDAEA
#BAE7EE#BEE3EE#C1E0EE#C5DCEE#C8D8EE#CCD5EE#D0D0EE
#BAE2F3#BEDEF3#C3D9F3#C7D5F3#CCD0F3#D0CCF3#D6C6F3
#BADDF8#C0D7F8#C5D2F8#CBCCF8#D0C7F8#D6C1F8#DDBAF8

Colorpallet from #BAF8DD to #BADDF8 and to #DDF8BA
#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD
#BAF4E1#BBF5DF#BCF5DE#BDF6DC#BEF7DB#BFF7D9#C0F8D7
#BAEFE6#BCF0E3#BEF2E0#BFF3DC#C1F5D9#C3F6D6#C5F8D2
#BAEBEA#BDEDE5#BFEFE0#C2F1DC#C5F3D7#C8F5D2#CBF8CC
#BAE7EE#BEEAE8#C1ECE2#C5EFDB#C8F2D5#CCF5CF#D0F8C7
#BAE2F3#BEE6EB#C3E9E3#C7EDDB#CCF0D3#D0F4CB#D6F8C1
#BADDF8#C0E1EE#C5E6E4#CBEADA#D0EED0#D6F3C6#DDF8BA

Colorpallet from #BAF8DD to #F8BADD and to #F8DDBA
#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD
#C4EEDD#C4EFDC#C4F0DB#C4F1DA#C4F2D9#C4F3D8#C4F4D7
#CEE4DD#CEE6DB#CEE8D9#CEE9D8#CEEBD6#CEEDD4#CEEFD2
#D8DADD#D8DDDA#D8DFD8#D8E2D5#D8E5D2#D8E8CF#D8EBCC
#E2D0DD#E2D4D9#E2D7D6#E2DBD2#E2DFCF#E2E2CB#E2E7C7
#ECC6DD#ECCAD9#ECCFD4#ECD3D0#ECD8CB#ECDCC7#ECE2C1
#F8BADD#F8C0D7#F8C5D2#F8CBCC#F8D0C7#F8D6C1#F8DDBA

Colorpallet from #BAF8DD to #F8BADD and to #DDBAF8
#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD
#C4EEDD#C3EEDE#C3EEDE#C2EEDF#C1EEE0#C1EEE0#C0EEE1
#CEE4DD#CDE4DE#CBE4E0#CAE4E1#C8E4E3#C7E4E4#C5E4E6
#D8DADD#D6DADF#D4DAE1#D2DAE3#D0DAE5#CEDAE7#CBDAEA
#E2D0DD#DFD0E0#DCD0E2#D9D0E5#D6D0E8#D4D0EB#D0D0EE
#ECC6DD#E8C6E1#E5C6E4#E1C6E8#DEC6EB#DAC6EF#D6C6F3
#F8BADD#F4BAE1#EFBAE6#EBBAEA#E7BAEE#E2BAF3#DDBAF8

Colorpallet from #BAF8DD to #F8BADD and to #DDF8BA
#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD
#C4EEDD#C3F0DC#C3F1DB#C2F3DA#C1F4D9#C1F6D8#C0F8D7
#CEE4DD#CDE7DB#CBEAD9#CAEED8#C8F1D6#C7F4D4#C5F8D2
#D8DADD#D6DFDA#D4E4D8#D2E8D5#D0EDD2#CEF2CF#CBF8CC
#E2D0DD#DFD6D9#DCDDD6#D9E3D2#D6EACF#D4F0CB#D0F8C7
#ECC6DD#E8CED9#E5D6D4#E1DED0#DEE6CB#DAEEC7#D6F8C1
#F8BADD#F4C4D7#EFCED2#EBD8CC#E7E2C7#E2ECC1#DDF8BA

Colorpallet from #BAF8DD to #F8DDBA and to #DDBAF8
#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD
#C4F4D7#C3F3D9#C3F2DA#C2F1DC#C1F0DD#C1EFDF#C0EEE1
#CEEFD2#CDEDD5#CBEBD8#CAEADC#C8E8DF#C7E6E2#C5E4E6
#D8EBCC#D6E8D1#D4E6D6#D2E3DA#D0E0DF#CEDDE4#CBDAEA
#E2E7C7#DFE3CD#DCE0D3#D9DCDA#D6D8E0#D4D5E6#D0D0EE
#ECE2C1#E8DEC9#E5D9D1#E1D5D9#DED0E1#DACCE9#D6C6F3
#F8DDBA#F4D7C4#EFD2CE#EBCCD8#E7C7E2#E2C1EC#DDBAF8

Colorpallet from #BAF8DD to #F8DDBA and to #DDF8BA
#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD
#C4F4D7#C3F5D7#C3F5D7#C2F6D7#C1F7D7#C1F7D7#C0F8D7
#CEEFD2#CDF0D2#CBF2D2#CAF3D2#C8F5D2#C7F6D2#C5F8D2
#D8EBCC#D6EDCC#D4EFCC#D2F1CC#D0F3CC#CEF5CC#CBF8CC
#E2E7C7#DFEAC7#DCECC7#D9EFC7#D6F2C7#D4F5C7#D0F8C7
#ECE2C1#E8E6C1#E5E9C1#E1EDC1#DEF0C1#DAF4C1#D6F8C1
#F8DDBA#F4E1BA#EFE6BA#EBEABA#E7EEBA#E2F3BA#DDF8BA

Colorpallet from #BAF8DD to #DDBAF8 and to #DDF8BA
#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD#BAF8DD
#C0EEE1#C0F0DF#C0F1DE#C0F3DC#C0F4DB#C0F6D9#C0F8D7
#C5E4E6#C5E7E3#C5EAE0#C5EEDC#C5F1D9#C5F4D6#C5F8D2
#CBDAEA#CBDFE5#CBE4E0#CBE8DC#CBEDD7#CBF2D2#CBF8CC
#D0D0EE#D0D6E8#D0DDE2#D0E3DB#D0EAD5#D0F0CF#D0F8C7
#D6C6F3#D6CEEB#D6D6E3#D6DEDB#D6E6D3#D6EECB#D6F8C1
#DDBAF8#DDC4EE#DDCEE4#DDD8DA#DDE2D0#DDECC6#DDF8BA