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 #BAD4E6 to #BAE6D4 and to #D4BAE6
#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6
#BAD7E3#BBD6E3#BBD5E4#BCD4E4#BDD3E5#BDD1E5#BED0E6
#BADAE0#BBD8E1#BDD6E2#BED3E3#BFD1E4#C0CFE5#C2CCE6
#BADDDD#BCDADE#BED6E0#C0D3E1#C2D0E3#C4CCE4#C6C8E6
#BAE0DA#BDDBDC#BFD7DE#C2D2E0#C5CDE2#C8C9E4#CBC3E6
#BAE2D8#BDDCDA#C1D7DC#C4D1DF#C7CCE1#CBC6E3#CFBFE6
#BAE6D4#BEDFD7#C2D8DA#C6D1DD#CBCAE0#CFC3E2#D4BAE6

Colorpallet from #BAD4E6 to #BAE6D4 and to #D4E6BA
#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6
#BAD7E3#BBD7E2#BBD7E2#BCD7E1#BDD7E0#BDD7E0#BED7DF
#BADAE0#BBDADF#BDDADD#BEDADC#BFDADB#C0DADA#C2DAD8
#BADDDD#BCDDDB#BEDDD9#C0DDD7#C2DDD5#C4DDD3#C6DDD1
#BAE0DA#BDE0D7#BFE0D5#C2E0D2#C5E0D0#C8E0CD#CBE0CA
#BAE2D8#BDE2D5#C1E2D1#C4E2CE#C7E2CB#CBE2C7#CFE2C3
#BAE6D4#BEE6D0#C2E6CC#C6E6C8#CBE6C3#CFE6BF#D4E6BA

Colorpallet from #BAD4E6 to #BAE6D4 and to #E6BAD4
#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6
#BAD7E3#BBD6E3#BCD5E3#BDD4E3#BED3E3#C0D1E3#C1D0E3
#BADAE0#BCD8E0#BED6E0#C1D3E0#C3D1E0#C5CFE0#C8CCE0
#BADDDD#BDDADD#C1D6DD#C4D3DD#C7D0DD#CBCCDD#CFC8DD
#BAE0DA#BEDBDA#C3D7DA#C7D2DA#CCCDDA#D0C9DA#D6C3DA
#BAE2D8#C0DCD8#C5D7D8#CBD1D8#D0CCD8#D6C6D8#DDBFD8
#BAE6D4#C1DFD4#C8D8D4#CFD1D4#D6CAD4#DDC3D4#E6BAD4

Colorpallet from #BAD4E6 to #BAE6D4 and to #E6D4BA
#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6
#BAD7E3#BBD7E2#BCD6E2#BDD6E1#BED5E0#C0D5E0#C1D4DF
#BADAE0#BCD9DF#BED8DD#C1D7DC#C3D6DB#C5D5DA#C8D4D8
#BADDDD#BDDCDB#C1DAD9#C4D9D7#C7D7D5#CBD6D3#CFD4D1
#BAE0DA#BEDED7#C3DCD5#C7DAD2#CCD8D0#D0D6CD#D6D4CA
#BAE2D8#C0E0D5#C5DED1#CBDBCE#D0D9CB#D6D7C7#DDD4C3
#BAE6D4#C1E3D0#C8E0CC#CFDDC8#D6DAC3#DDD8BF#E6D4BA

Colorpallet from #BAD4E6 to #D4BAE6 and to #D4E6BA
#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6
#BED0E6#BED1E5#BED2E4#BED3E3#BED4E2#BED6E0#BED7DF
#C2CCE6#C2CEE4#C2D0E2#C2D3DF#C2D5DD#C2D7DB#C2DAD8
#C6C8E6#C6CBE3#C6CFDF#C6D2DC#C6D5D9#C6D9D5#C6DDD1
#CBC3E6#CBC8E2#CBCCDD#CBD1D9#CBD6D4#CBDAD0#CBE0CA
#CFBFE6#CFC5E0#CFCADB#CFD0D5#CFD5D0#CFDBCA#CFE2C3
#D4BAE6#D4C1DF#D4C8D8#D4CFD1#D4D6CA#D4DDC3#D4E6BA

Colorpallet from #BAD4E6 to #D4BAE6 and to #E6BAD4
#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6
#BED0E6#BED0E6#BFD0E5#BFD0E5#C0D0E4#C0D0E4#C1D0E3
#C2CCE6#C3CCE5#C4CCE4#C5CCE3#C6CCE2#C7CCE1#C8CCE0
#C6C8E6#C7C8E5#C9C8E3#CAC8E2#CCC8E0#CDC8DF#CFC8DD
#CBC3E6#CDC3E4#CFC3E2#D0C3E0#D2C3DE#D4C3DC#D6C3DA
#CFBFE6#D1BFE4#D3BFE2#D6BFDF#D8BFDD#DABFDB#DDBFD8
#D4BAE6#D7BAE3#DABAE0#DDBADD#E0BADA#E2BAD8#E6BAD4

Colorpallet from #BAD4E6 to #D4BAE6 and to #E6D4BA
#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6
#BED0E6#BED1E5#BFD1E4#BFD2E3#C0D3E2#C0D3E0#C1D4DF
#C2CCE6#C3CDE4#C4CFE2#C5D0DF#C6D1DD#C7D2DB#C8D4D8
#C6C8E6#C7CAE3#C9CCDF#CACEDC#CCD0D9#CDD2D5#CFD4D1
#CBC3E6#CDC6E2#CFC8DD#D0CBD9#D2CED4#D4D1D0#D6D4CA
#CFBFE6#D1C2E0#D3C6DB#D6C9D5#D8CCD0#DAD0CA#DDD4C3
#D4BAE6#D7BEDF#DAC2D8#DDC6D1#E0CBCA#E2CFC3#E6D4BA

Colorpallet from #BAD4E6 to #D4E6BA and to #E6BAD4
#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6
#BED7DF#BED6E0#BFD5E0#BFD4E1#C0D3E2#C0D1E2#C1D0E3
#C2DAD8#C3D8D9#C4D6DB#C5D3DC#C6D1DD#C7CFDE#C8CCE0
#C6DDD1#C7DAD3#C9D6D5#CAD3D7#CCD0D9#CDCCDB#CFC8DD
#CBE0CA#CDDBCD#CFD7CF#D0D2D2#D2CDD4#D4C9D7#D6C3DA
#CFE2C3#D1DCC6#D3D7CA#D6D1CD#D8CCD0#DAC6D4#DDBFD8
#D4E6BA#D7DFBE#DAD8C2#DDD1C6#E0CACB#E2C3CF#E6BAD4

Colorpallet from #BAD4E6 to #D4E6BA and to #E6D4BA
#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6
#BED7DF#BED7DF#BFD6DF#BFD6DF#C0D5DF#C0D5DF#C1D4DF
#C2DAD8#C3D9D8#C4D8D8#C5D7D8#C6D6D8#C7D5D8#C8D4D8
#C6DDD1#C7DCD1#C9DAD1#CAD9D1#CCD7D1#CDD6D1#CFD4D1
#CBE0CA#CDDECA#CFDCCA#D0DACA#D2D8CA#D4D6CA#D6D4CA
#CFE2C3#D1E0C3#D3DEC3#D6DBC3#D8D9C3#DAD7C3#DDD4C3
#D4E6BA#D7E3BA#DAE0BA#DDDDBA#E0DABA#E2D8BA#E6D4BA

Colorpallet from #BAD4E6 to #E6BAD4 and to #E6D4BA
#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6#BAD4E6
#C1D0E3#C1D1E2#C1D1E2#C1D2E1#C1D3E0#C1D3E0#C1D4DF
#C8CCE0#C8CDDF#C8CFDD#C8D0DC#C8D1DB#C8D2DA#C8D4D8
#CFC8DD#CFCADB#CFCCD9#CFCED7#CFD0D5#CFD2D3#CFD4D1
#D6C3DA#D6C6D7#D6C8D5#D6CBD2#D6CED0#D6D1CD#D6D4CA
#DDBFD8#DDC2D5#DDC6D1#DDC9CE#DDCCCB#DDD0C7#DDD4C3
#E6BAD4#E6BED0#E6C2CC#E6C6C8#E6CBC3#E6CFBF#E6D4BA