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 #BADCF5 to #BAF5DC and to #DCBAF5
#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5
#BAE0F1#BBDFF2#BCDDF2#BCDCF3#BDDAF4#BED9F4#BFD7F5
#BAE4ED#BCE1EE#BEDEF0#BFDBF1#C1D8F2#C3D5F3#C5D1F5
#BAE8E9#BDE4EB#BFDFED#C2DBEF#C4D6F1#C7D2F3#CACCF5
#BAECE5#BEE6E8#C1E0EA#C5DAED#C8D4EF#CCCEF2#D0C6F5
#BAF0E1#BEE8E4#C3E1E7#C7D9EB#CBD2EE#D0CAF1#D5C1F5
#BAF5DC#BFECE0#C5E2E4#CAD9E8#D0CFEC#D5C6F0#DCBAF5

Colorpallet from #BADCF5 to #BAF5DC and to #DCF5BA
#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5
#BAE0F1#BBE0F0#BCE0EF#BCE0EF#BDE0EE#BEE0ED#BFE0EC
#BAE4ED#BCE4EB#BEE4E9#BFE4E8#C1E4E6#C3E4E4#C5E4E2
#BAE8E9#BDE8E6#BFE8E4#C2E8E1#C4E8DF#C7E8DC#CAE8D9
#BAECE5#BEECE1#C1ECDE#C5ECDA#C8ECD7#CCECD3#D0ECCF
#BAF0E1#BEF0DD#C3F0D8#C7F0D4#CBF0D0#D0F0CB#D5F0C6
#BAF5DC#BFF5D7#C5F5D1#CAF5CC#D0F5C6#D5F5C1#DCF5BA

Colorpallet from #BADCF5 to #BAF5DC and to #F5BADC
#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5
#BAE0F1#BBDFF1#BDDDF1#BEDCF1#C0DAF1#C1D9F1#C3D7F1
#BAE4ED#BDE1ED#C0DEED#C3DBED#C6D8ED#C9D5ED#CDD1ED
#BAE8E9#BEE4E9#C3DFE9#C7DBE9#CCD6E9#D0D2E9#D6CCE9
#BAECE5#C0E6E5#C6E0E5#CCDAE5#D2D4E5#D8CEE5#E0C6E5
#BAF0E1#C2E8E1#C9E1E1#D1D9E1#D8D2E1#E0CAE1#E9C1E1
#BAF5DC#C3ECDC#CDE2DC#D6D9DC#E0CFDC#E9C6DC#F5BADC

Colorpallet from #BADCF5 to #BAF5DC and to #F5DCBA
#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5
#BAE0F1#BBDFF0#BDDFEF#BEDEEF#C0DDEE#C1DDED#C3DCEC
#BAE4ED#BDE3EB#C0E1E9#C3E0E8#C6DFE6#C9DEE4#CDDCE2
#BAE8E9#BEE6E6#C3E4E4#C7E2E1#CCE0DF#D0DEDC#D6DCD9
#BAECE5#C0E9E1#C6E7DE#CCE4DA#D2E2D7#D8DFD3#E0DCCF
#BAF0E1#C2EDDD#C9EAD8#D1E6D4#D8E3D0#E0E0CB#E9DCC6
#BAF5DC#C3F1D7#CDEDD1#D6E9CC#E0E5C6#E9E1C1#F5DCBA

Colorpallet from #BADCF5 to #DCBAF5 and to #DCF5BA
#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5
#BFD7F5#BFD8F4#BFDAF2#BFDBF1#BFDDEF#BFDEEE#BFE0EC
#C5D1F5#C5D4F2#C5D7EF#C5DAEC#C5DDE9#C5E0E6#C5E4E2
#CACCF5#CAD0F1#CAD5EC#CAD9E8#CADEE3#CAE2DF#CAE8D9
#D0C6F5#D0CCEF#D0D2E9#D0D8E3#D0DEDD#D0E4D7#D0ECCF
#D5C1F5#D5C9ED#D5D0E6#D5D8DE#D5DFD7#D5E7CF#D5F0C6
#DCBAF5#DCC3EC#DCCDE2#DCD6D9#DCE0CF#DCE9C6#DCF5BA

Colorpallet from #BADCF5 to #DCBAF5 and to #F5BADC
#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5
#BFD7F5#C0D7F4#C0D7F4#C1D7F3#C2D7F2#C2D7F2#C3D7F1
#C5D1F5#C6D1F4#C8D1F2#C9D1F1#CAD1F0#CBD1EF#CDD1ED
#CACCF5#CCCCF3#CECCF1#D0CCEF#D2CCED#D4CCEB#D6CCE9
#D0C6F5#D3C6F2#D5C6F0#D8C6ED#DAC6EB#DDC6E8#E0C6E5
#D5C1F5#D8C1F2#DBC1EF#DFC1EB#E2C1E8#E5C1E5#E9C1E1
#DCBAF5#E0BAF1#E4BAED#E8BAE9#ECBAE5#F0BAE1#F5BADC

Colorpallet from #BADCF5 to #DCBAF5 and to #F5DCBA
#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5
#BFD7F5#C0D8F4#C0D9F2#C1D9F1#C2DAEF#C2DBEE#C3DCEC
#C5D1F5#C6D3F2#C8D5EF#C9D6EC#CAD8E9#CBDAE6#CDDCE2
#CACCF5#CCCFF1#CED1EC#D0D4E8#D2D6E3#D4D9DF#D6DCD9
#D0C6F5#D3CAEF#D5CDE9#D8D1E3#DAD4DD#DDD8D7#E0DCCF
#D5C1F5#D8C5ED#DBCAE6#DFCEDE#E2D2D7#E5D7CF#E9DCC6
#DCBAF5#E0BFEC#E4C5E2#E8CAD9#ECD0CF#F0D5C6#F5DCBA

Colorpallet from #BADCF5 to #DCF5BA and to #F5BADC
#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5
#BFE0EC#C0DFED#C0DDEE#C1DCEE#C2DAEF#C2D9F0#C3D7F1
#C5E4E2#C6E1E4#C8DEE6#C9DBE7#CAD8E9#CBD5EB#CDD1ED
#CAE8D9#CCE4DC#CEDFDE#D0DBE1#D2D6E3#D4D2E6#D6CCE9
#D0ECCF#D3E6D3#D5E0D6#D8DADA#DAD4DD#DDCEE1#E0C6E5
#D5F0C6#D8E8CA#DBE1CF#DFD9D3#E2D2D7#E5CADC#E9C1E1
#DCF5BA#E0ECBF#E4E2C5#E8D9CA#ECCFD0#F0C6D5#F5BADC

Colorpallet from #BADCF5 to #DCF5BA and to #F5DCBA
#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5
#BFE0EC#C0DFEC#C0DFEC#C1DEEC#C2DDEC#C2DDEC#C3DCEC
#C5E4E2#C6E3E2#C8E1E2#C9E0E2#CADFE2#CBDEE2#CDDCE2
#CAE8D9#CCE6D9#CEE4D9#D0E2D9#D2E0D9#D4DED9#D6DCD9
#D0ECCF#D3E9CF#D5E7CF#D8E4CF#DAE2CF#DDDFCF#E0DCCF
#D5F0C6#D8EDC6#DBEAC6#DFE6C6#E2E3C6#E5E0C6#E9DCC6
#DCF5BA#E0F1BA#E4EDBA#E8E9BA#ECE5BA#F0E1BA#F5DCBA

Colorpallet from #BADCF5 to #F5BADC and to #F5DCBA
#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5#BADCF5
#C3D7F1#C3D8F0#C3D9EF#C3D9EF#C3DAEE#C3DBED#C3DCEC
#CDD1ED#CDD3EB#CDD5E9#CDD6E8#CDD8E6#CDDAE4#CDDCE2
#D6CCE9#D6CFE6#D6D1E4#D6D4E1#D6D6DF#D6D9DC#D6DCD9
#E0C6E5#E0CAE1#E0CDDE#E0D1DA#E0D4D7#E0D8D3#E0DCCF
#E9C1E1#E9C5DD#E9CAD8#E9CED4#E9D2D0#E9D7CB#E9DCC6
#F5BADC#F5BFD7#F5C5D1#F5CACC#F5D0C6#F5D5C1#F5DCBA