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 #B4C1DF to #B4DFC1 and to #C1B4DF
#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF
#B4C6DA#B4C5DB#B5C4DC#B5C3DC#B5C2DD#B6C0DE#B6BFDF
#B4CBD5#B5C9D7#B5C7D8#B6C4DA#B7C2DB#B7C0DD#B8BDDF
#B4CFD1#B5CCD3#B6C9D5#B7C5D8#B8C2DA#B9BFDC#BABBDF
#B4D4CC#B5D0CF#B7CBD2#B8C7D5#B9C3D8#BABEDB#BCB9DF
#B4D9C7#B6D4CB#B7CECF#B9C9D3#BAC3D6#BCBEDA#BEB7DF
#B4DFC1#B6D8C6#B8D1CB#BACACF#BCC3D4#BEBDD9#C1B4DF

Colorpallet from #B4C1DF to #B4DFC1 and to #C1DFB4
#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF
#B4C6DA#B4C6DA#B5C6D9#B5C6D9#B5C6D9#B6C6D8#B6C6D8
#B4CBD5#B5CBD4#B5CBD4#B6CBD3#B7CBD2#B7CBD2#B8CBD1
#B4CFD1#B5CFD0#B6CFCF#B7CFCE#B8CFCD#B9CFCB#BACFCA
#B4D4CC#B5D4CB#B7D4C9#B8D4C8#B9D4C6#BAD4C5#BCD4C3
#B4D9C7#B6D9C5#B7D9C4#B9D9C2#BAD9C1#BCD9BF#BED9BD
#B4DFC1#B6DFBF#B8DFBD#BADFBB#BCDFB9#BEDFB7#C1DFB4

Colorpallet from #B4C1DF to #B4DFC1 and to #DFB4C1
#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF
#B4C6DA#B5C5DA#B6C4DA#B7C3DA#B8C2DA#BAC0DA#BBBFDA
#B4CBD5#B6C9D5#B8C7D5#BBC4D5#BDC2D5#BFC0D5#C2BDD5
#B4CFD1#B7CCD1#BBC9D1#BEC5D1#C1C2D1#C5BFD1#C9BBD1
#B4D4CC#B8D0CC#BDCBCC#C1C7CC#C6C3CC#CABECC#D0B9CC
#B4D9C7#B9D4C7#BFCEC7#C4C9C7#CAC3C7#CFBEC7#D6B7C7
#B4DFC1#BBD8C1#C2D1C1#C9CAC1#D0C3C1#D6BDC1#DFB4C1

Colorpallet from #B4C1DF to #B4DFC1 and to #DFC1B4
#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF
#B4C6DA#B5C5DA#B6C4D9#B7C4D9#B8C3D9#BAC2D8#BBC1D8
#B4CBD5#B6C9D4#B8C8D4#BBC6D3#BDC5D2#BFC3D2#C2C1D1
#B4CFD1#B7CDD0#BBCBCF#BEC8CE#C1C6CD#C5C4CB#C9C1CA
#B4D4CC#B8D1CB#BDCEC9#C1CBC8#C6C8C6#CAC5C5#D0C1C3
#B4D9C7#B9D5C5#BFD1C4#C4CDC2#CACAC1#CFC6BF#D6C1BD
#B4DFC1#BBDABF#C2D5BD#C9D1BB#D0CCB9#D6C7B7#DFC1B4

Colorpallet from #B4C1DF to #C1B4DF and to #C1DFB4
#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF
#B6BFDF#B6C0DE#B6C1DD#B6C2DC#B6C3DB#B6C5D9#B6C6D8
#B8BDDF#B8BFDD#B8C1DB#B8C4D8#B8C6D6#B8C8D4#B8CBD1
#BABBDF#BABEDC#BAC1D8#BAC5D5#BAC8D2#BACBCE#BACFCA
#BCB9DF#BCBDDB#BCC2D6#BCC6D2#BCCACD#BCCFC9#BCD4C3
#BEB7DF#BEBCDA#BEC2D4#BEC7CF#BECDC9#BED2C4#BED9BD
#C1B4DF#C1BBD8#C1C2D1#C1C9CA#C1D0C3#C1D6BD#C1DFB4

Colorpallet from #B4C1DF to #C1B4DF and to #DFB4C1
#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF
#B6BFDF#B7BFDE#B8BFDD#B8BFDD#B9BFDC#BABFDB#BBBFDA
#B8BDDF#BABDDD#BBBDDC#BDBDDA#BEBDD9#C0BDD7#C2BDD5
#BABBDF#BCBBDD#BFBBDB#C1BBD8#C4BBD6#C6BBD4#C9BBD1
#BCB9DF#BFB9DC#C2B9D9#C6B9D6#C9B9D3#CCB9D0#D0B9CC
#BEB7DF#C2B7DB#C6B7D7#CAB7D3#CDB7D0#D1B7CC#D6B7C7
#C1B4DF#C6B4DA#CBB4D5#CFB4D1#D4B4CC#D9B4C7#DFB4C1

Colorpallet from #B4C1DF to #C1B4DF and to #DFC1B4
#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF
#B6BFDF#B7BFDE#B8C0DD#B8C0DC#B9C0DB#BAC1D9#BBC1D8
#B8BDDF#BABEDD#BBBEDB#BDBFD8#BEC0D6#C0C0D4#C2C1D1
#BABBDF#BCBCDC#BFBDD8#C1BED5#C4BFD2#C6C0CE#C9C1CA
#BCB9DF#BFBADB#C2BCD6#C6BDD2#C9BECD#CCBFC9#D0C1C3
#BEB7DF#C2B9DA#C6BAD4#CABCCF#CDBDC9#D1BFC4#D6C1BD
#C1B4DF#C6B6D8#CBB8D1#CFBACA#D4BCC3#D9BEBD#DFC1B4

Colorpallet from #B4C1DF to #C1DFB4 and to #DFB4C1
#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF
#B6C6D8#B7C5D8#B8C4D9#B8C3D9#B9C2D9#BAC0DA#BBBFDA
#B8CBD1#BAC9D2#BBC7D2#BDC4D3#BEC2D4#C0C0D4#C2BDD5
#BACFCA#BCCCCB#BFC9CC#C1C5CD#C4C2CE#C6BFD0#C9BBD1
#BCD4C3#BFD0C4#C2CBC6#C6C7C7#C9C3C9#CCBECA#D0B9CC
#BED9BD#C2D4BF#C6CEC0#CAC9C2#CDC3C3#D1BEC5#D6B7C7
#C1DFB4#C6D8B6#CBD1B8#CFCABA#D4C3BC#D9BDBE#DFB4C1

Colorpallet from #B4C1DF to #C1DFB4 and to #DFC1B4
#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF
#B6C6D8#B7C5D8#B8C4D8#B8C4D8#B9C3D8#BAC2D8#BBC1D8
#B8CBD1#BAC9D1#BBC8D1#BDC6D1#BEC5D1#C0C3D1#C2C1D1
#BACFCA#BCCDCA#BFCBCA#C1C8CA#C4C6CA#C6C4CA#C9C1CA
#BCD4C3#BFD1C3#C2CEC3#C6CBC3#C9C8C3#CCC5C3#D0C1C3
#BED9BD#C2D5BD#C6D1BD#CACDBD#CDCABD#D1C6BD#D6C1BD
#C1DFB4#C6DAB4#CBD5B4#CFD1B4#D4CCB4#D9C7B4#DFC1B4

Colorpallet from #B4C1DF to #DFB4C1 and to #DFC1B4
#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF#B4C1DF
#BBBFDA#BBBFDA#BBC0D9#BBC0D9#BBC0D9#BBC1D8#BBC1D8
#C2BDD5#C2BED4#C2BED4#C2BFD3#C2C0D2#C2C0D2#C2C1D1
#C9BBD1#C9BCD0#C9BDCF#C9BECE#C9BFCD#C9C0CB#C9C1CA
#D0B9CC#D0BACB#D0BCC9#D0BDC8#D0BEC6#D0BFC5#D0C1C3
#D6B7C7#D6B9C5#D6BAC4#D6BCC2#D6BDC1#D6BFBF#D6C1BD
#DFB4C1#DFB6BF#DFB8BD#DFBABB#DFBCB9#DFBEB7#DFC1B4