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 #BAD2F7 to #BAF7D2 and to #D2BAF7
#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7
#BAD8F1#BBD6F2#BBD5F3#BCD3F4#BDD2F5#BDD0F6#BECEF7
#BADEEB#BBDBED#BDD8EF#BED4F1#BFD1F3#C0CEF5#C2CAF7
#BAE4E5#BCDFE8#BEDAEB#C0D6EE#C2D1F1#C4CCF3#C6C6F7
#BAEADF#BCE4E3#BFDEE7#C1D7EB#C4D1EE#C6CBF2#C9C3F7
#BAF0D9#BDE8DE#C0E0E3#C3D8E7#C6D1EC#C9C9F1#CDBFF7
#BAF7D2#BEEDD8#C2E3DE#C6DAE4#C9D0EA#CDC6F0#D2BAF7

Colorpallet from #BAD2F7 to #BAF7D2 and to #D2F7BA
#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7
#BAD8F1#BBD8F0#BBD8F0#BCD8EF#BDD8EE#BDD8EE#BED8ED
#BADEEB#BBDEEA#BDDEE8#BEDEE7#BFDEE6#C0DEE5#C2DEE3
#BAE4E5#BCE4E3#BEE4E1#C0E4E0#C2E4DE#C4E4DC#C6E4DA
#BAEADF#BCEADD#BFEADA#C1EAD8#C4EAD5#C6EAD3#C9EAD0
#BAF0D9#BDF0D6#C0F0D3#C3F0D0#C6F0CD#C9F0CA#CDF0C6
#BAF7D2#BEF7CE#C2F7CA#C6F7C6#C9F7C3#CDF7BF#D2F7BA

Colorpallet from #BAD2F7 to #BAF7D2 and to #F7BAD2
#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7
#BAD8F1#BCD6F1#BDD5F1#BFD3F1#C0D2F1#C2D0F1#C4CEF1
#BADEEB#BDDBEB#C0D8EB#C4D4EB#C7D1EB#CACEEB#CECAEB
#BAE4E5#BFDFE5#C3DAE5#C8D6E5#CDD1E5#D1CCE5#D7C6E5
#BAEADF#C0E4DF#C6DEDF#CDD7DF#D3D1DF#D9CBDF#E1C3DF
#BAF0D9#C2E8D9#CAE0D9#D2D8D9#D9D1D9#E1C9D9#EBBFD9
#BAF7D2#C4EDD2#CEE3D2#D7DAD2#E1D0D2#EBC6D2#F7BAD2

Colorpallet from #BAD2F7 to #BAF7D2 and to #F7D2BA
#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7
#BAD8F1#BCD7F0#BDD6F0#BFD5EF#C0D4EE#C2D3EE#C4D2ED
#BADEEB#BDDCEA#C0DAE8#C4D8E7#C7D6E6#CAD4E5#CED2E3
#BAE4E5#BFE1E3#C3DEE1#C8DBE0#CDD8DE#D1D6DC#D7D2DA
#BAEADF#C0E6DD#C6E2DA#CDDED8#D3DBD5#D9D7D3#E1D2D0
#BAF0D9#C2EBD6#CAE6D3#D2E2D0#D9DDCD#E1D8CA#EBD2C6
#BAF7D2#C4F1CE#CEEBCA#D7E5C6#E1DFC3#EBD9BF#F7D2BA

Colorpallet from #BAD2F7 to #D2BAF7 and to #D2F7BA
#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7
#BECEF7#BED0F5#BED1F4#BED3F2#BED4F1#BED6EF#BED8ED
#C2CAF7#C2CDF4#C2D0F1#C2D4ED#C2D7EA#C2DAE7#C2DEE3
#C6C6F7#C6CBF2#C6D0EE#C6D4E9#C6D9E4#C6DEE0#C6E4DA
#C9C3F7#C9C9F1#C9CFEB#C9D6E4#C9DCDE#C9E2D8#C9EAD0
#CDBFF7#CDC7EF#CDCFE7#CDD7DF#CDDED8#CDE6D0#CDF0C6
#D2BAF7#D2C4ED#D2CEE3#D2D7DA#D2E1D0#D2EBC6#D2F7BA

Colorpallet from #BAD2F7 to #D2BAF7 and to #F7BAD2
#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7
#BECEF7#BFCEF6#C0CEF5#C1CEF4#C2CEF3#C3CEF2#C4CEF1
#C2CAF7#C4CAF5#C6CAF3#C8CAF1#CACAEF#CCCAED#CECAEB
#C6C6F7#C9C6F4#CBC6F1#CEC6EE#D1C6EB#D4C6E9#D7C6E5
#C9C3F7#CDC3F3#D1C3EF#D5C3EB#D8C3E8#DCC3E4#E1C3DF
#CDBFF7#D2BFF2#D7BFED#DBBFE9#E0BFE4#E5BFDF#EBBFD9
#D2BAF7#D8BAF1#DEBAEB#E4BAE5#EABADF#F0BAD9#F7BAD2

Colorpallet from #BAD2F7 to #D2BAF7 and to #F7D2BA
#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7
#BECEF7#BFCFF5#C0CFF4#C1D0F2#C2D1F1#C3D1EF#C4D2ED
#C2CAF7#C4CBF4#C6CDF1#C8CEED#CACFEA#CCD0E7#CED2E3
#C6C6F7#C9C8F2#CBCAEE#CECCE9#D1CEE4#D4D0E0#D7D2DA
#C9C3F7#CDC5F1#D1C8EB#D5CAE4#D8CDDE#DCCFD8#E1D2D0
#CDBFF7#D2C2EF#D7C5E7#DBC8DF#E0CBD8#E5CED0#EBD2C6
#D2BAF7#D8BEED#DEC2E3#E4C6DA#EAC9D0#F0CDC6#F7D2BA

Colorpallet from #BAD2F7 to #D2F7BA and to #F7BAD2
#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7
#BED8ED#BFD6EE#C0D5EE#C1D3EF#C2D2F0#C3D0F0#C4CEF1
#C2DEE3#C4DBE4#C6D8E6#C8D4E7#CAD1E8#CCCEE9#CECAEB
#C6E4DA#C9DFDC#CBDADE#CED6DF#D1D1E1#D4CCE3#D7C6E5
#C9EAD0#CDE4D2#D1DED5#D5D7D7#D8D1DA#DCCBDC#E1C3DF
#CDF0C6#D2E8C9#D7E0CC#DBD8CF#E0D1D2#E5C9D5#EBBFD9
#D2F7BA#D8EDBE#DEE3C2#E4DAC6#EAD0C9#F0C6CD#F7BAD2

Colorpallet from #BAD2F7 to #D2F7BA and to #F7D2BA
#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7
#BED8ED#BFD7ED#C0D6ED#C1D5ED#C2D4ED#C3D3ED#C4D2ED
#C2DEE3#C4DCE3#C6DAE3#C8D8E3#CAD6E3#CCD4E3#CED2E3
#C6E4DA#C9E1DA#CBDEDA#CEDBDA#D1D8DA#D4D6DA#D7D2DA
#C9EAD0#CDE6D0#D1E2D0#D5DED0#D8DBD0#DCD7D0#E1D2D0
#CDF0C6#D2EBC6#D7E6C6#DBE2C6#E0DDC6#E5D8C6#EBD2C6
#D2F7BA#D8F1BA#DEEBBA#E4E5BA#EADFBA#F0D9BA#F7D2BA

Colorpallet from #BAD2F7 to #F7BAD2 and to #F7D2BA
#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7#BAD2F7
#C4CEF1#C4CFF0#C4CFF0#C4D0EF#C4D1EE#C4D1EE#C4D2ED
#CECAEB#CECBEA#CECDE8#CECEE7#CECFE6#CED0E5#CED2E3
#D7C6E5#D7C8E3#D7CAE1#D7CCE0#D7CEDE#D7D0DC#D7D2DA
#E1C3DF#E1C5DD#E1C8DA#E1CAD8#E1CDD5#E1CFD3#E1D2D0
#EBBFD9#EBC2D6#EBC5D3#EBC8D0#EBCBCD#EBCECA#EBD2C6
#F7BAD2#F7BECE#F7C2CA#F7C6C6#F7C9C3#F7CDBF#F7D2BA