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 #AFBEDC to #AFDCBE and to #BEAFDC
#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC
#AFC3D7	#AFC2D8	#B0C1D9	#B0C0D9	#B0BFDA	#B1BDDB	#B1BCDC
#AFC8D2	#B0C6D4	#B1C3D5	#B1C1D7	#B2BED8	#B3BCDA	#B4B9DC
#AFCCCE	#B0C9D0	#B1C5D2	#B2C2D5	#B3BFD7	#B5BBD9	#B6B7DC
#AFD1C9	#B1CCCC	#B2C8CF	#B4C3D2	#B5BED5	#B7BAD8	#B9B4DC
#AFD6C4	#B1D0C8	#B3CACC	#B5C5D0	#B7BFD3	#B9B9D7	#BBB2DC
#AFDCBE	#B1D5C3	#B4CEC8	#B6C6CC	#B9BFD1	#BBB8D6	#BEAFDC
Colorpallet from #AFBEDC to #AFDCBE and to #BEDCAF
#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC
#AFC3D7	#AFC3D7	#B0C3D6	#B0C3D6	#B0C3D6	#B1C3D5	#B1C3D5
#AFC8D2	#B0C8D1	#B1C8D1	#B1C8D0	#B2C8CF	#B3C8CF	#B4C8CE
#AFCCCE	#B0CCCD	#B1CCCB	#B2CCCA	#B3CCC9	#B5CCC8	#B6CCC6
#AFD1C9	#B1D1C7	#B2D1C6	#B4D1C4	#B5D1C3	#B7D1C1	#B9D1BF
#AFD6C4	#B1D6C2	#B3D6C0	#B5D6BE	#B7D6BC	#B9D6BA	#BBD6B8
#AFDCBE	#B1DCBC	#B4DCB9	#B6DCB7	#B9DCB4	#BBDCB2	#BEDCAF
Colorpallet from #AFBEDC to #AFDCBE and to #DCAFBE
#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC
#AFC3D7	#B0C2D7	#B1C1D7	#B2C0D7	#B3BFD7	#B5BDD7	#B6BCD7
#AFC8D2	#B1C6D2	#B3C3D2	#B6C1D2	#B8BED2	#BABCD2	#BDB9D2
#AFCCCE	#B3C9CE	#B6C5CE	#BAC2CE	#BDBFCE	#C1BBCE	#C5B7CE
#AFD1C9	#B4CCC9	#B8C8C9	#BDC3C9	#C2BEC9	#C6BAC9	#CCB4C9
#AFD6C4	#B5D0C4	#BBCAC4	#C0C5C4	#C6BFC4	#CCB9C4	#D3B2C4
#AFDCBE	#B6D5BE	#BDCEBE	#C5C6BE	#CCBFBE	#D3B8BE	#DCAFBE
Colorpallet from #AFBEDC to #AFDCBE and to #DCBEAF
#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC
#AFC3D7	#B0C2D7	#B1C1D6	#B2C1D6	#B3C0D6	#B5BFD5	#B6BED5
#AFC8D2	#B1C6D1	#B3C5D1	#B6C3D0	#B8C2CF	#BAC0CF	#BDBECE
#AFCCCE	#B3CACD	#B6C8CB	#BAC5CA	#BDC3C9	#C1C1C8	#C5BEC6
#AFD1C9	#B4CEC7	#B8CBC6	#BDC8C4	#C2C5C3	#C6C2C1	#CCBEBF
#AFD6C4	#B5D2C2	#BBCEC0	#C0CABE	#C6C7BC	#CCC3BA	#D3BEB8
#AFDCBE	#B6D7BC	#BDD2B9	#C5CEB7	#CCC9B4	#D3C4B2	#DCBEAF
Colorpallet from #AFBEDC to #BEAFDC and to #BEDCAF
#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC
#B1BCDC	#B1BDDB	#B1BEDA	#B1BFD9	#B1C0D8	#B1C2D6	#B1C3D5
#B4B9DC	#B4BBDA	#B4BED8	#B4C0D5	#B4C3D3	#B4C5D1	#B4C8CE
#B6B7DC	#B6BAD8	#B6BED5	#B6C1D1	#B6C4CE	#B6C8CA	#B6CCC6
#B9B4DC	#B9B9D7	#B9BDD3	#B9C2CE	#B9C7C9	#B9CBC5	#B9D1BF
#BBB2DC	#BBB8D6	#BBBED0	#BBC3CB	#BBC9C5	#BBCFBF	#BBD6B8
#BEAFDC	#BEB6D5	#BEBDCE	#BEC5C6	#BECCBF	#BED3B8	#BEDCAF
Colorpallet from #AFBEDC to #BEAFDC and to #DCAFBE
#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC
#B1BCDC	#B2BCDB	#B3BCDA	#B3BCDA	#B4BCD9	#B5BCD8	#B6BCD7
#B4B9DC	#B5B9DA	#B7B9D9	#B8B9D7	#BAB9D6	#BBB9D4	#BDB9D2
#B6B7DC	#B8B7DA	#BBB7D8	#BDB7D5	#C0B7D3	#C2B7D1	#C5B7CE
#B9B4DC	#BCB4D9	#BFB4D6	#C2B4D3	#C5B4D0	#C8B4CD	#CCB4C9
#BBB2DC	#BFB2D8	#C3B2D4	#C7B2D0	#CAB2CD	#CEB2C9	#D3B2C4
#BEAFDC	#C3AFD7	#C8AFD2	#CCAFCE	#D1AFC9	#D6AFC4	#DCAFBE
Colorpallet from #AFBEDC to #BEAFDC and to #DCBEAF
#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC
#B1BCDC	#B2BCDB	#B3BDDA	#B3BDD9	#B4BDD8	#B5BED6	#B6BED5
#B4B9DC	#B5BADA	#B7BBD8	#B8BBD5	#BABCD3	#BBBDD1	#BDBECE
#B6B7DC	#B8B8D8	#BBB9D5	#BDBAD1	#C0BBCE	#C2BDCA	#C5BEC6
#B9B4DC	#BCB6D7	#BFB7D3	#C2B9CE	#C5BAC9	#C8BCC5	#CCBEBF
#BBB2DC	#BFB4D6	#C3B6D0	#C7B8CB	#CABAC5	#CEBCBF	#D3BEB8
#BEAFDC	#C3B1D5	#C8B4CE	#CCB6C6	#D1B9BF	#D6BBB8	#DCBEAF
Colorpallet from #AFBEDC to #BEDCAF and to #DCAFBE
#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC
#B1C3D5	#B2C2D5	#B3C1D6	#B3C0D6	#B4BFD6	#B5BDD7	#B6BCD7
#B4C8CE	#B5C6CF	#B7C3CF	#B8C1D0	#BABED1	#BBBCD1	#BDB9D2
#B6CCC6	#B8C9C7	#BBC5C9	#BDC2CA	#C0BFCB	#C2BBCC	#C5B7CE
#B9D1BF	#BCCCC1	#BFC8C2	#C2C3C4	#C5BEC5	#C8BAC7	#CCB4C9
#BBD6B8	#BFD0BA	#C3CABC	#C7C5BE	#CABFC0	#CEB9C2	#D3B2C4
#BEDCAF	#C3D5B1	#C8CEB4	#CCC6B6	#D1BFB9	#D6B8BB	#DCAFBE
Colorpallet from #AFBEDC to #BEDCAF and to #DCBEAF
#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC
#B1C3D5	#B2C2D5	#B3C1D5	#B3C1D5	#B4C0D5	#B5BFD5	#B6BED5
#B4C8CE	#B5C6CE	#B7C5CE	#B8C3CE	#BAC2CE	#BBC0CE	#BDBECE
#B6CCC6	#B8CAC6	#BBC8C6	#BDC5C6	#C0C3C6	#C2C1C6	#C5BEC6
#B9D1BF	#BCCEBF	#BFCBBF	#C2C8BF	#C5C5BF	#C8C2BF	#CCBEBF
#BBD6B8	#BFD2B8	#C3CEB8	#C7CAB8	#CAC7B8	#CEC3B8	#D3BEB8
#BEDCAF	#C3D7AF	#C8D2AF	#CCCEAF	#D1C9AF	#D6C4AF	#DCBEAF
Colorpallet from #AFBEDC to #DCAFBE and to #DCBEAF
#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC	#AFBEDC
#B6BCD7	#B6BCD7	#B6BDD6	#B6BDD6	#B6BDD6	#B6BED5	#B6BED5
#BDB9D2	#BDBAD1	#BDBBD1	#BDBBD0	#BDBCCF	#BDBDCF	#BDBECE
#C5B7CE	#C5B8CD	#C5B9CB	#C5BACA	#C5BBC9	#C5BDC8	#C5BEC6
#CCB4C9	#CCB6C7	#CCB7C6	#CCB9C4	#CCBAC3	#CCBCC1	#CCBEBF
#D3B2C4	#D3B4C2	#D3B6C0	#D3B8BE	#D3BABC	#D3BCBA	#D3BEB8
#DCAFBE	#DCB1BC	#DCB4B9	#DCB6B7	#DCB9B4	#DCBBB2	#DCBEAF