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 #BFD3AF to #BFAFD3 and to #D3BFAF
#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF
#BFCDB5#BFCDB4#C0CEB3#C0CEB2#C1CFB1#C1CFB0#C2D0AF
#BFC7BB#C0C8B9#C1C9B7#C2CAB5#C3CBB3#C4CCB1#C5CDAF
#BFC2C0#C1C3BD#C2C4BB#C4C5B8#C5C6B5#C7C8B2#C9C9AF
#BFBCC6#C1BEC2#C3BFBF#C5C1BB#C7C2B7#C9C4B4#CCC6AF
#BFB6CC#C2B8C7#C4BAC3#C7BCBE#C9BEB9#CCC0B5#CFC3AF
#BFAFD3#C2B2CD#C5B4C7#C9B7C2#CCB9BC#CFBCB6#D3BFAF

Colorpallet from #BFD3AF to #BFAFD3 and to #D3AFBF
#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF
#BFCDB5#BFCDB5#C0CDB4#C0CDB4#C1CDB3#C1CDB3#C2CDB2
#BFC7BB#C0C7BA#C1C7B9#C2C7B8#C3C7B7#C4C7B5#C5C7B4
#BFC2C0#C1C2BF#C2C2BD#C4C2BC#C5C2BA#C7C2B9#C9C2B7
#BFBCC6#C1BCC4#C3BCC2#C5BCC0#C7BCBE#C9BCBC#CCBCB9
#BFB6CC#C2B6C9#C4B6C7#C7B6C4#C9B6C2#CCB6BF#CFB6BC
#BFAFD3#C2AFD0#C5AFCD#C9AFC9#CCAFC6#CFAFC3#D3AFBF

Colorpallet from #BFD3AF to #BFAFD3 and to #AFBFD3
#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF
#BFCDB5#BFCDB5#BECEB5#BECEB5#BDCFB5#BDCFB5#BCD0B5
#BFC7BB#BEC8BB#BDC9BB#BDCABB#BCCBBB#BBCCBB#BACDBB
#BFC2C0#BEC3C0#BCC4C0#BBC5C0#BAC6C0#B9C8C0#B7C9C0
#BFBCC6#BDBEC6#BCBFC6#BAC1C6#B9C2C6#B7C4C6#B5C6C6
#BFB6CC#BDB8CC#BBBACC#B9BCCC#B7BECC#B5C0CC#B2C3CC
#BFAFD3#BCB2D3#BAB4D3#B7B7D3#B5B9D3#B2BCD3#AFBFD3

Colorpallet from #BFD3AF to #BFAFD3 and to #AFD3BF
#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF
#BFCDB5#BFCEB5#BECFB4#BED0B4#BDD1B3#BDD2B3#BCD3B2
#BFC7BB#BEC9BA#BDCBB9#BDCDB8#BCCFB7#BBD1B5#BAD3B4
#BFC2C0#BEC5BF#BCC7BD#BBCABC#BACDBA#B9D0B9#B7D3B7
#BFBCC6#BDC0C4#BCC3C2#BAC7C0#B9CBBE#B7CEBC#B5D3B9
#BFB6CC#BDBBC9#BBBFC7#B9C4C4#B7C9C2#B5CDBF#B2D3BC
#BFAFD3#BCB5D0#BABBCD#B7C0C9#B5C6C6#B2CCC3#AFD3BF

Colorpallet from #BFD3AF to #D3BFAF and to #D3AFBF
#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF
#C2D0AF#C2D0AF#C2CFB0#C2CFB0#C2CEB1#C2CEB1#C2CDB2
#C5CDAF#C5CCB0#C5CBB1#C5CAB1#C5C9B2#C5C8B3#C5C7B4
#C9C9AF#C9C8B0#C9C7B2#C9C6B3#C9C5B4#C9C3B5#C9C2B7
#CCC6AF#CCC4B1#CCC3B2#CCC1B4#CCC0B5#CCBEB7#CCBCB9
#CFC3AF#CFC1B1#CFBFB3#CFBDB5#CFBBB7#CFB9B9#CFB6BC
#D3BFAF#D3BCB2#D3BAB4#D3B7B7#D3B5B9#D3B2BC#D3AFBF

Colorpallet from #BFD3AF to #D3BFAF and to #AFBFD3
#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF
#C2D0AF#C1D0B0#C0D0B1#BFD0B2#BED0B3#BDD0B4#BCD0B5
#C5CDAF#C3CDB1#C1CDB3#C0CDB5#BECDB7#BCCDB9#BACDBB
#C9C9AF#C6C9B2#C3C9B4#C0C9B7#BDC9BA#BBC9BD#B7C9C0
#CCC6AF#C8C6B3#C5C6B6#C1C6BA#BDC6BE#BAC6C1#B5C6C6
#CFC3AF#CAC3B4#C6C3B8#C1C3BD#BCC3C2#B8C3C6#B2C3CC
#D3BFAF#CDBFB5#C7BFBB#C2BFC0#BCBFC6#B6BFCC#AFBFD3

Colorpallet from #BFD3AF to #D3BFAF and to #AFD3BF
#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF
#C2D0AF#C1D0AF#C0D1B0#BFD1B0#BED2B1#BDD2B1#BCD3B2
#C5CDAF#C3CEB0#C1CFB1#C0D0B1#BED1B2#BCD2B3#BAD3B4
#C9C9AF#C6CBB0#C3CCB2#C0CEB3#BDCFB4#BBD1B5#B7D3B7
#CCC6AF#C8C8B1#C5CAB2#C1CCB4#BDCEB5#BAD0B7#B5D3B9
#CFC3AF#CAC6B1#C6C8B3#C1CBB5#BCCDB7#B8D0B9#B2D3BC
#D3BFAF#CDC2B2#C7C5B4#C2C9B7#BCCCB9#B6CFBC#AFD3BF

Colorpallet from #BFD3AF to #D3AFBF and to #AFBFD3
#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF
#C2CDB2#C1CDB2#C0CEB3#BFCEB3#BECFB4#BDCFB4#BCD0B5
#C5C7B4#C3C8B5#C1C9B6#C0CAB7#BECBB8#BCCCBA#BACDBB
#C9C2B7#C6C3B8#C3C4BA#C0C5BB#BDC6BD#BBC8BE#B7C9C0
#CCBCB9#C8BEBB#C5BFBD#C1C1BF#BDC2C1#BAC4C3#B5C6C6
#CFB6BC#CAB8BF#C6BAC1#C1BCC4#BCBEC6#B8C0C9#B2C3CC
#D3AFBF#CDB2C2#C7B4C5#C2B7C9#BCB9CC#B6BCCF#AFBFD3

Colorpallet from #BFD3AF to #D3AFBF and to #AFD3BF
#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF
#C2CDB2#C1CEB2#C0CFB2#BFD0B2#BED1B2#BDD2B2#BCD3B2
#C5C7B4#C3C9B4#C1CBB4#C0CDB4#BECFB4#BCD1B4#BAD3B4
#C9C2B7#C6C5B7#C3C7B7#C0CAB7#BDCDB7#BBD0B7#B7D3B7
#CCBCB9#C8C0B9#C5C3B9#C1C7B9#BDCBB9#BACEB9#B5D3B9
#CFB6BC#CABBBC#C6BFBC#C1C4BC#BCC9BC#B8CDBC#B2D3BC
#D3AFBF#CDB5BF#C7BBBF#C2C0BF#BCC6BF#B6CCBF#AFD3BF

Colorpallet from #BFD3AF to #AFBFD3 and to #AFD3BF
#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF#BFD3AF
#BCD0B5#BCD0B5#BCD1B4#BCD1B4#BCD2B3#BCD2B3#BCD3B2
#BACDBB#BACEBA#BACFB9#BAD0B8#BAD1B7#BAD2B5#BAD3B4
#B7C9C0#B7CBBF#B7CCBD#B7CEBC#B7CFBA#B7D1B9#B7D3B7
#B5C6C6#B5C8C4#B5CAC2#B5CCC0#B5CEBE#B5D0BC#B5D3B9
#B2C3CC#B2C6C9#B2C8C7#B2CBC4#B2CDC2#B2D0BF#B2D3BC
#AFBFD3#AFC2D0#AFC5CD#AFC9C9#AFCCC6#AFCFC3#AFD3BF