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 #BAF5DE to #BADEF5 and to #F5BADE
#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE
#BAF1E2#BBF0E1#BDEFE1#BEEFE0#C0EEDF#C1EDDF#C3ECDE
#BAEEE5#BDECE4#C0EAE3#C3E8E2#C6E6E1#C9E4DF#CDE2DE
#BAEAE9#BEE7E7#C3E5E5#C7E2E4#CCDFE2#D0DCE0#D6D9DE
#BAE6ED#C0E2EB#C6DFE8#CCDBE6#D2D7E3#D8D4E1#E0CFDE
#BAE3F0#C2DEED#C9DAEA#D1D5E7#D8D0E4#E0CCE2#E9C6DE
#BADEF5#C3D8F1#CDD2EE#D6CDEA#E0C7E6#E9C1E3#F5BADE

Colorpallet from #BAF5DE to #BADEF5 and to #F5DEBA
#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE
#BAF1E2#BBF1E0#BDF1DF#BEF1DD#C0F1DC#C1F1DA#C3F1D8
#BAEEE5#BDEEE2#C0EEDF#C3EEDC#C6EED9#C9EED6#CDEED2
#BAEAE9#BEEAE5#C3EAE0#C7EADC#CCEAD7#D0EAD3#D6EACD
#BAE6ED#C0E6E7#C6E6E1#CCE6DB#D2E6D5#D8E6CF#E0E6C7
#BAE3F0#C2E3E8#C9E3E1#D1E3D9#D8E3D2#E0E3CA#E9E3C1
#BADEF5#C3DEEC#CDDEE2#D6DED9#E0DECF#E9DEC6#F5DEBA

Colorpallet from #BAF5DE to #BADEF5 and to #DEBAF5
#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE
#BAF1E2#BBF0E2#BCEFE2#BDEFE2#BEEEE2#BFEDE2#C0ECE2
#BAEEE5#BCECE5#BEEAE5#C0E8E5#C2E6E5#C4E4E5#C6E2E5
#BAEAE9#BDE7E9#BFE5E9#C2E2E9#C5DFE9#C8DCE9#CBD9E9
#BAE6ED#BEE2ED#C1DFED#C5DBED#C9D7ED#CCD4ED#D1CFED
#BAE3F0#BFDEF0#C3DAF0#C8D5F0#CDD0F0#D1CCF0#D7C6F0
#BADEF5#C0D8F5#C6D2F5#CBCDF5#D1C7F5#D7C1F5#DEBAF5

Colorpallet from #BAF5DE to #BADEF5 and to #DEF5BA
#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE
#BAF1E2#BBF2E0#BCF2DF#BDF3DD#BEF4DC#BFF4DA#C0F5D8
#BAEEE5#BCEFE2#BEF0DF#C0F1DC#C2F2D9#C4F4D6#C6F5D2
#BAEAE9#BDECE5#BFEEE0#C2EFDC#C5F1D7#C8F3D3#CBF5CD
#BAE6ED#BEE8E7#C1EBE1#C5EDDB#C9F0D5#CCF2CF#D1F5C7
#BAE3F0#BFE6E8#C3E9E1#C8ECD9#CDEFD2#D1F1CA#D7F5C1
#BADEF5#C0E2EC#C6E5E2#CBE9D9#D1EDCF#D7F0C6#DEF5BA

Colorpallet from #BAF5DE to #F5BADE and to #F5DEBA
#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE
#C3ECDE#C3EDDD#C3EEDC#C3EEDB#C3EFDA#C3F0D9#C3F1D8
#CDE2DE#CDE4DC#CDE6DA#CDE8D8#CDEAD6#CDECD4#CDEED2
#D6D9DE#D6DCDB#D6DED9#D6E1D6#D6E4D3#D6E7D0#D6EACD
#E0CFDE#E0D3DA#E0D6D7#E0DAD3#E0DECF#E0E1CC#E0E6C7
#E9C6DE#E9CBD9#E9CFD5#E9D4D0#E9D9CB#E9DDC7#E9E3C1
#F5BADE#F5C0D8#F5C6D2#F5CBCD#F5D1C7#F5D7C1#F5DEBA

Colorpallet from #BAF5DE to #F5BADE and to #DEBAF5
#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE
#C3ECDE#C3ECDF#C2ECDF#C2ECE0#C1ECE1#C1ECE1#C0ECE2
#CDE2DE#CCE2DF#CBE2E0#CAE2E1#C9E2E2#C7E2E4#C6E2E5
#D6D9DE#D4D9E0#D2D9E2#D1D9E3#CFD9E5#CDD9E7#CBD9E9
#E0CFDE#DECFE0#DBCFE3#D9CFE5#D6CFE8#D4CFEA#D1CFED
#E9C6DE#E6C6E1#E3C6E4#E0C6E7#DDC6EA#DBC6EC#D7C6F0
#F5BADE#F1BAE2#EEBAE5#EABAE9#E6BAED#E3BAF0#DEBAF5

Colorpallet from #BAF5DE to #F5BADE and to #DEF5BA
#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE
#C3ECDE#C3EDDD#C2EFDC#C2F0DB#C1F2DA#C1F3D9#C0F5D8
#CDE2DE#CCE5DC#CBE8DA#CAEBD8#C9EED6#C7F1D4#C6F5D2
#D6D9DE#D4DDDB#D2E2D9#D1E6D6#CFEBD3#CDEFD0#CBF5CD
#E0CFDE#DED5DA#DBDBD7#D9E1D3#D6E7CF#D4EDCC#D1F5C7
#E9C6DE#E6CED9#E3D5D5#E0DDD0#DDE4CB#DBECC7#D7F5C1
#F5BADE#F1C3D8#EECDD2#EAD6CD#E6E0C7#E3E9C1#DEF5BA

Colorpallet from #BAF5DE to #F5DEBA and to #DEBAF5
#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE
#C3F1D8#C3F0DA#C2EFDB#C2EFDD#C1EEDE#C1EDE0#C0ECE2
#CDEED2#CCECD5#CBEAD8#CAE8DB#C9E6DE#C7E4E1#C6E2E5
#D6EACD#D4E7D1#D2E5D6#D1E2DA#CFDFDF#CDDCE3#CBD9E9
#E0E6C7#DEE2CD#DBDFD3#D9DBD9#D6D7DF#D4D4E5#D1CFED
#E9E3C1#E6DEC9#E3DAD0#E0D5D8#DDD0DF#DBCCE7#D7C6F0
#F5DEBA#F1D8C3#EED2CD#EACDD6#E6C7E0#E3C1E9#DEBAF5

Colorpallet from #BAF5DE to #F5DEBA and to #DEF5BA
#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE
#C3F1D8#C3F2D8#C2F2D8#C2F3D8#C1F4D8#C1F4D8#C0F5D8
#CDEED2#CCEFD2#CBF0D2#CAF1D2#C9F2D2#C7F4D2#C6F5D2
#D6EACD#D4ECCD#D2EECD#D1EFCD#CFF1CD#CDF3CD#CBF5CD
#E0E6C7#DEE8C7#DBEBC7#D9EDC7#D6F0C7#D4F2C7#D1F5C7
#E9E3C1#E6E6C1#E3E9C1#E0ECC1#DDEFC1#DBF1C1#D7F5C1
#F5DEBA#F1E2BA#EEE5BA#EAE9BA#E6EDBA#E3F0BA#DEF5BA

Colorpallet from #BAF5DE to #DEBAF5 and to #DEF5BA
#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE#BAF5DE
#C0ECE2#C0EDE0#C0EFDF#C0F0DD#C0F2DC#C0F3DA#C0F5D8
#C6E2E5#C6E5E2#C6E8DF#C6EBDC#C6EED9#C6F1D6#C6F5D2
#CBD9E9#CBDDE5#CBE2E0#CBE6DC#CBEBD7#CBEFD3#CBF5CD
#D1CFED#D1D5E7#D1DBE1#D1E1DB#D1E7D5#D1EDCF#D1F5C7
#D7C6F0#D7CEE8#D7D5E1#D7DDD9#D7E4D2#D7ECCA#D7F5C1
#DEBAF5#DEC3EC#DECDE2#DED6D9#DEE0CF#DEE9C6#DEF5BA