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 #BAD8AD to #BAADD8 and to #D8BAAD
#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD
#BAD1B4#BBD1B3#BCD2B2#BCD2B1#BDD2B0#BED3AE#BFD3AD
#BACABB#BCCBB9#BDCBB7#BFCCB4#C0CDB2#C2CDB0#C4CEAD
#BAC3C2#BCC4BF#BEC5BB#C1C6B8#C3C7B5#C5C9B1#C8CAAD
#BABCC9#BDBDC5#C0BFC0#C3C0BC#C6C2B7#C9C3B3#CDC5AD
#BAB6CF#BEB8CA#C2B9C4#C6BBBF#C9BCB9#CDBEB4#D2C0AD
#BAADD8#BFAFD1#C4B1CA#C8B3C3#CDB5BC#D2B7B6#D8BAAD

Colorpallet from #BAD8AD to #BAADD8 and to #D8ADBA
#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD
#BAD1B4#BBD1B3#BCD1B2#BCD1B2#BDD1B1#BED1B0#BFD1AF
#BACABB#BCCAB9#BDCAB8#BFCAB6#C0CAB5#C2CAB3#C4CAB1
#BAC3C2#BCC3C0#BEC3BD#C1C3BB#C3C3B8#C5C3B6#C8C3B3
#BABCC9#BDBCC6#C0BCC3#C3BCBF#C6BCBC#C9BCB9#CDBCB5
#BAB6CF#BEB6CB#C2B6C7#C6B6C3#C9B6C0#CDB6BC#D2B6B7
#BAADD8#BFADD3#C4ADCE#C8ADCA#CDADC5#D2ADC0#D8ADBA

Colorpallet from #BAD8AD to #BAADD8 and to #ADBAD8
#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD
#BAD1B4#BAD1B4#B9D2B4#B9D2B4#B9D2B4#B8D3B4#B8D3B4
#BACABB#B9CBBB#B9CBBB#B8CCBB#B7CDBB#B7CDBB#B6CEBB
#BAC3C2#B9C4C2#B8C5C2#B7C6C2#B6C7C2#B5C9C2#B4CAC2
#BABCC9#B9BDC9#B7BFC9#B6C0C9#B5C2C9#B4C3C9#B2C5C9
#BAB6CF#B8B8CF#B7B9CF#B5BBCF#B4BCCF#B2BECF#B0C0CF
#BAADD8#B8AFD8#B6B1D8#B4B3D8#B2B5D8#B0B7D8#ADBAD8

Colorpallet from #BAD8AD to #BAADD8 and to #ADD8BA
#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD
#BAD1B4#BAD2B3#B9D3B2#B9D4B2#B9D5B1#B8D7B0#B8D8AF
#BACABB#B9CCB9#B9CEB8#B8D1B6#B7D3B5#B7D5B3#B6D8B1
#BAC3C2#B9C6C0#B8CABD#B7CDBB#B6D0B8#B5D4B6#B4D8B3
#BABCC9#B9C0C6#B7C5C3#B6C9BF#B5CEBC#B4D2B9#B2D8B5
#BAB6CF#B8BBCB#B7C1C7#B5C6C3#B4CCC0#B2D1BC#B0D8B7
#BAADD8#B8B4D3#B6BBCE#B4C2CA#B2C9C5#B0CFC0#ADD8BA

Colorpallet from #BAD8AD to #D8BAAD and to #D8ADBA
#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD
#BFD3AD#BFD3AD#BFD2AE#BFD2AE#BFD2AE#BFD1AF#BFD1AF
#C4CEAD#C4CDAE#C4CDAE#C4CCAF#C4CBB0#C4CBB0#C4CAB1
#C8CAAD#C8C9AE#C8C8AF#C8C7B0#C8C6B1#C8C4B2#C8C3B3
#CDC5AD#CDC4AE#CDC2B0#CDC1B1#CDBFB2#CDBEB3#CDBCB5
#D2C0AD#D2BEAF#D2BDB0#D2BBB2#D2BAB3#D2B8B5#D2B6B7
#D8BAAD#D8B8AF#D8B6B1#D8B4B3#D8B2B5#D8B0B7#D8ADBA

Colorpallet from #BAD8AD to #D8BAAD and to #ADBAD8
#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD
#BFD3AD#BED3AE#BDD3AF#BCD3B0#BBD3B1#B9D3B3#B8D3B4
#C4CEAD#C2CEAF#C0CEB1#BDCEB4#BBCEB6#B9CEB8#B6CEBB
#C8CAAD#C5CAB0#C2CAB4#BECAB7#BBCABA#B8CABE#B4CAC2
#CDC5AD#C9C5B1#C4C5B6#C0C5BA#BCC5BF#B7C5C3#B2C5C9
#D2C0AD#CDC0B2#C7C0B8#C2C0BD#BCC0C3#B7C0C8#B0C0CF
#D8BAAD#D1BAB4#CABABB#C3BAC2#BCBAC9#B6BACF#ADBAD8

Colorpallet from #BAD8AD to #D8BAAD and to #ADD8BA
#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD
#BFD3AD#BED4AD#BDD5AE#BCD5AE#BBD6AE#B9D7AF#B8D8AF
#C4CEAD#C2D0AE#C0D1AE#BDD3AF#BBD4B0#B9D6B0#B6D8B1
#C8CAAD#C5CCAE#C2CEAF#BED1B0#BBD3B1#B8D5B2#B4D8B3
#CDC5AD#C9C8AE#C4CBB0#C0CEB1#BCD1B2#B7D4B3#B2D8B5
#D2C0AD#CDC4AF#C7C8B0#C2CCB2#BCCFB3#B7D3B5#B0D8B7
#D8BAAD#D1BFAF#CAC4B1#C3C8B3#BCCDB5#B6D2B7#ADD8BA

Colorpallet from #BAD8AD to #D8ADBA and to #ADBAD8
#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD
#BFD1AF#BED1B0#BDD2B1#BCD2B1#BBD2B2#B9D3B3#B8D3B4
#C4CAB1#C2CBB3#C0CBB4#BDCCB6#BBCDB7#B9CDB9#B6CEBB
#C8C3B3#C5C4B5#C2C5B8#BEC6BA#BBC7BD#B8C9BF#B4CAC2
#CDBCB5#C9BDB8#C4BFBB#C0C0BF#BCC2C2#B7C3C5#B2C5C9
#D2B6B7#CDB8BB#C7B9BF#C2BBC3#BCBCC6#B7BECA#B0C0CF
#D8ADBA#D1AFBF#CAB1C4#C3B3C8#BCB5CD#B6B7D2#ADBAD8

Colorpallet from #BAD8AD to #D8ADBA and to #ADD8BA
#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD
#BFD1AF#BED2AF#BDD3AF#BCD4AF#BBD5AF#B9D7AF#B8D8AF
#C4CAB1#C2CCB1#C0CEB1#BDD1B1#BBD3B1#B9D5B1#B6D8B1
#C8C3B3#C5C6B3#C2CAB3#BECDB3#BBD0B3#B8D4B3#B4D8B3
#CDBCB5#C9C0B5#C4C5B5#C0C9B5#BCCEB5#B7D2B5#B2D8B5
#D2B6B7#CDBBB7#C7C1B7#C2C6B7#BCCCB7#B7D1B7#B0D8B7
#D8ADBA#D1B4BA#CABBBA#C3C2BA#BCC9BA#B6CFBA#ADD8BA

Colorpallet from #BAD8AD to #ADBAD8 and to #ADD8BA
#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD#BAD8AD
#B8D3B4#B8D4B3#B8D5B2#B8D5B2#B8D6B1#B8D7B0#B8D8AF
#B6CEBB#B6D0B9#B6D1B8#B6D3B6#B6D4B5#B6D6B3#B6D8B1
#B4CAC2#B4CCC0#B4CEBD#B4D1BB#B4D3B8#B4D5B6#B4D8B3
#B2C5C9#B2C8C6#B2CBC3#B2CEBF#B2D1BC#B2D4B9#B2D8B5
#B0C0CF#B0C4CB#B0C8C7#B0CCC3#B0CFC0#B0D3BC#B0D8B7
#ADBAD8#ADBFD3#ADC4CE#ADC8CA#ADCDC5#ADD2C0#ADD8BA