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 #CDD99F to #CD9FD9 and to #D9CD9F
#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F
#CDD0A8#CDD1A7#CED2A5#CED3A4#CED4A2#CFD6A1#CFD79F
#CDC6B2#CEC8AF#CECBAC#CFCDA9#D0D0A6#D0D2A3#D1D59F
#CDBDBB#CEC1B7#CFC4B2#D0C8AE#D1CBA9#D2CFA5#D3D39F
#CDB4C4#CEB9BE#D0BDB8#D1C2B2#D2C7AC#D3CBA6#D5D19F
#CDABCD#CFB1C6#D0B7BE#D2BCB7#D3C2B0#D5C8A8#D7CF9F
#CD9FD9#CFA6D0#D1AEC6#D3B5BD#D5BCB4#D7C4AB#D9CD9F

Colorpallet from #CDD99F to #CD9FD9 and to #D99FCD
#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F
#CDD0A8#CDD0A8#CED0A7#CED0A7#CED0A7#CFD0A6#CFD0A6
#CDC6B2#CEC6B1#CEC6B1#CFC6B0#D0C6AF#D0C6AF#D1C6AE
#CDBDBB#CEBDBA#CFBDB9#D0BDB8#D1BDB7#D2BDB6#D3BDB5
#CDB4C4#CEB4C3#D0B4C1#D1B4C0#D2B4BF#D3B4BE#D5B4BC
#CDABCD#CFABCC#D0ABCA#D2ABC9#D3ABC7#D5ABC6#D7ABC4
#CD9FD9#CF9FD7#D19FD5#D39FD3#D59FD1#D79FCF#D99FCD

Colorpallet from #CDD99F to #CD9FD9 and to #9FCDD9
#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F
#CDD0A8#CCD1A8#CBD2A8#CAD3A8#C9D4A8#C7D6A8#C6D7A8
#CDC6B2#CBC8B2#C8CBB2#C6CDB2#C3D0B2#C1D2B2#BED5B2
#CDBDBB#C9C1BB#C6C4BB#C2C8BB#BFCBBB#BBCFBB#B7D3BB
#CDB4C4#C8B9C4#C4BDC4#BFC2C4#BAC7C4#B6CBC4#B0D1C4
#CDABCD#C7B1CD#C1B7CD#BBBCCD#B5C2CD#AFC8CD#A8CFCD
#CD9FD9#C6A6D9#BEAED9#B7B5D9#B0BCD9#A8C4D9#9FCDD9

Colorpallet from #CDD99F to #CD9FD9 and to #9FD9CD
#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F
#CDD0A8#CCD1A8#CBD3A7#CAD4A7#C9D6A7#C7D7A6#C6D9A6
#CDC6B2#CBC9B1#C8CCB1#C6CFB0#C3D2AF#C1D5AF#BED9AE
#CDBDBB#C9C1BA#C6C6B9#C2CAB8#BFCFB7#BBD3B6#B7D9B5
#CDB4C4#C8BAC3#C4C0C1#BFC6C0#BACCBF#B6D2BE#B0D9BC
#CDABCD#C7B2CC#C1BACA#BBC1C9#B5C8C7#AFD0C6#A8D9C4
#CD9FD9#C6A8D7#BEB2D5#B7BBD3#B0C4D1#A8CDCF#9FD9CD

Colorpallet from #CDD99F to #D9CD9F and to #D99FCD
#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F
#CFD79F#CFD6A0#CFD5A1#CFD4A2#CFD3A3#CFD1A5#CFD0A6
#D1D59F#D1D3A1#D1D0A4#D1CEA6#D1CBA9#D1C9AB#D1C6AE
#D3D39F#D3CFA3#D3CCA6#D3C8AA#D3C5AD#D3C1B1#D3BDB5
#D5D19F#D5CCA4#D5C8A8#D5C3AD#D5BEB2#D5BAB6#D5B4BC
#D7CF9F#D7C9A5#D7C3AB#D7BEB1#D7B8B7#D7B2BD#D7ABC4
#D9CD9F#D9C6A6#D9BEAE#D9B7B5#D9B0BC#D9A8C4#D99FCD

Colorpallet from #CDD99F to #D9CD9F and to #9FCDD9
#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F
#CFD79F#CED7A0#CCD7A2#CBD7A3#C9D7A5#C8D7A6#C6D7A8
#D1D59F#CED5A2#CBD5A5#C8D5A8#C5D5AB#C2D5AE#BED5B2
#D3D39F#CFD3A3#CAD3A8#C6D3AC#C1D3B1#BDD3B5#B7D3BB
#D5D19F#CFD1A5#C9D1AB#C3D1B1#BDD1B7#B7D1BD#B0D1C4
#D7CF9F#CFCFA6#C8CFAE#C0CFB5#B9CFBC#B1CFC4#A8CFCD
#D9CD9F#D0CDA8#C6CDB2#BDCDBB#B4CDC4#ABCDCD#9FCDD9

Colorpallet from #CDD99F to #D9CD9F and to #9FD9CD
#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F
#CFD79F#CED7A0#CCD8A1#CBD8A2#C9D8A3#C8D9A5#C6D9A6
#D1D59F#CED6A1#CBD6A4#C8D7A6#C5D8A9#C2D8AB#BED9AE
#D3D39F#CFD4A3#CAD5A6#C6D6AA#C1D7AD#BDD8B1#B7D9B5
#D5D19F#CFD2A4#C9D4A8#C3D5AD#BDD6B2#B7D7B6#B0D9BC
#D7CF9F#CFD1A5#C8D2AB#C0D4B1#B9D5B7#B1D7BD#A8D9C4
#D9CD9F#D0CFA6#C6D1AE#BDD3B5#B4D5BC#ABD7C4#9FD9CD

Colorpallet from #CDD99F to #D99FCD and to #9FCDD9
#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F
#CFD0A6#CED1A6#CCD2A7#CBD3A7#C9D4A7#C8D6A8#C6D7A8
#D1C6AE#CEC8AF#CBCBAF#C8CDB0#C5D0B1#C2D2B1#BED5B2
#D3BDB5#CFC1B6#CAC4B7#C6C8B8#C1CBB9#BDCFBA#B7D3BB
#D5B4BC#CFB9BD#C9BDBF#C3C2C0#BDC7C1#B7CBC2#B0D1C4
#D7ABC4#CFB1C5#C8B7C7#C0BCC8#B9C2CA#B1C8CB#A8CFCD
#D99FCD#D0A6CF#C6AED1#BDB5D3#B4BCD5#ABC4D7#9FCDD9

Colorpallet from #CDD99F to #D99FCD and to #9FD9CD
#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F
#CFD0A6#CED1A6#CCD3A6#CBD4A6#C9D6A6#C8D7A6#C6D9A6
#D1C6AE#CEC9AE#CBCCAE#C8CFAE#C5D2AE#C2D5AE#BED9AE
#D3BDB5#CFC1B5#CAC6B5#C6CAB5#C1CFB5#BDD3B5#B7D9B5
#D5B4BC#CFBABC#C9C0BC#C3C6BC#BDCCBC#B7D2BC#B0D9BC
#D7ABC4#CFB2C4#C8BAC4#C0C1C4#B9C8C4#B1D0C4#A8D9C4
#D99FCD#D0A8CD#C6B2CD#BDBBCD#B4C4CD#ABCDCD#9FD9CD

Colorpallet from #CDD99F to #9FCDD9 and to #9FD9CD
#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F#CDD99F
#C6D7A8#C6D7A8#C6D8A7#C6D8A7#C6D8A7#C6D9A6#C6D9A6
#BED5B2#BED6B1#BED6B1#BED7B0#BED8AF#BED8AF#BED9AE
#B7D3BB#B7D4BA#B7D5B9#B7D6B8#B7D7B7#B7D8B6#B7D9B5
#B0D1C4#B0D2C3#B0D4C1#B0D5C0#B0D6BF#B0D7BE#B0D9BC
#A8CFCD#A8D1CC#A8D2CA#A8D4C9#A8D5C7#A8D7C6#A8D9C4
#9FCDD9#9FCFD7#9FD1D5#9FD3D3#9FD5D1#9FD7CF#9FD9CD