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 #CFAED4 to #CFD4AE and to #AECFD4
#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4
#CFB4CE	#CEB4CF	#CDB4D0	#CDB4D1	#CCB3D2	#CBB3D3	#CAB3D4
#CFBAC8	#CDBACA	#CBBACC	#CABACE	#C8B9D0	#C6B9D2	#C4B9D4
#CFC0C2	#CCC0C5	#CABFC8	#C7BFCB	#C5BFCE	#C2BED0	#BFBED4
#CFC6BC	#CCC6C0	#C8C5C4	#C5C5C8	#C2C4CB	#BEC4CF	#BAC3D4
#CFCCB6	#CBCBBB	#C7CBC0	#C3CAC4	#BEC9C9	#BAC9CE	#B5C8D4
#CFD4AE	#CAD3B4	#C4D2BA	#BFD2C0	#BAD1C6	#B5D0CC	#AECFD4
Colorpallet from #CFAED4 to #CFD4AE and to #AED4CF
#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4
#CFB4CE	#CEB4CF	#CDB4D0	#CDB4D0	#CCB4D1	#CBB4D2	#CAB4D3
#CFBAC8	#CDBACA	#CBBACB	#CABACD	#C8BACE	#C6BAD0	#C4BAD2
#CFC0C2	#CCC0C5	#CAC0C7	#C7C0CA	#C5C0CC	#C2C0CF	#BFC0D2
#CFC6BC	#CCC6BF	#C8C6C3	#C5C6C6	#C2C6C9	#BEC6CD	#BAC6D1
#CFCCB6	#CBCCBA	#C7CCBE	#C3CCC2	#BECCC7	#BACCCB	#B5CCD0
#CFD4AE	#CAD4B3	#C4D4B9	#BFD4BE	#BAD4C3	#B5D4C8	#AED4CF
Colorpallet from #CFAED4 to #CFD4AE and to #D4CFAE
#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4
#CFB4CE	#CFB4CE	#CFB4CE	#CFB4CE	#D0B3CE	#D0B3CE	#D0B3CE
#CFBAC8	#CFBAC8	#D0BAC8	#D0BAC8	#D0B9C8	#D1B9C8	#D1B9C8
#CFC0C2	#CFC0C2	#D0BFC2	#D0BFC2	#D0BFC2	#D1BEC2	#D1BEC2
#CFC6BC	#CFC6BC	#D0C5BC	#D0C5BC	#D1C4BC	#D1C4BC	#D2C3BC
#CFCCB6	#D0CBB6	#D0CBB6	#D1CAB6	#D2C9B6	#D2C9B6	#D3C8B6
#CFD4AE	#D0D3AE	#D1D2AE	#D1D2AE	#D2D1AE	#D3D0AE	#D4CFAE
Colorpallet from #CFAED4 to #CFD4AE and to #D4AECF
#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4
#CFB4CE	#CFB3CF	#CFB2D0	#CFB1D0	#D0B0D1	#D0AFD2	#D0AED3
#CFBAC8	#CFB8CA	#D0B6CB	#D0B4CD	#D0B2CE	#D1B0D0	#D1AED2
#CFC0C2	#CFBDC5	#D0BAC7	#D0B7CA	#D0B4CC	#D1B2CF	#D1AED2
#CFC6BC	#CFC2BF	#D0BEC3	#D0BAC6	#D1B7C9	#D1B3CD	#D2AED1
#CFCCB6	#D0C7BA	#D0C2BE	#D1BEC2	#D2B9C7	#D2B4CB	#D3AED0
#CFD4AE	#D0CEB3	#D1C8B9	#D1C2BE	#D2BCC3	#D3B6C8	#D4AECF
Colorpallet from #CFAED4 to #AECFD4 and to #AED4CF
#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4
#CAB3D4	#CAB3D4	#CAB3D4	#CAB3D4	#CAB4D3	#CAB4D3	#CAB4D3
#C4B9D4	#C4B9D4	#C4B9D3	#C4B9D3	#C4BAD3	#C4BAD2	#C4BAD2
#BFBED4	#BFBED4	#BFBFD3	#BFBFD3	#BFBFD3	#BFC0D2	#BFC0D2
#BAC3D4	#BAC3D4	#BAC4D3	#BAC4D3	#BAC5D2	#BAC5D2	#BAC6D1
#B5C8D4	#B5C9D3	#B5C9D3	#B5CAD2	#B5CBD1	#B5CBD1	#B5CCD0
#AECFD4	#AED0D3	#AED1D2	#AED1D2	#AED2D1	#AED3D0	#AED4CF
Colorpallet from #CFAED4 to #AECFD4 and to #D4CFAE
#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4
#CAB3D4	#CBB3D3	#CCB3D2	#CDB3D1	#CEB3D0	#CFB3CF	#D0B3CE
#C4B9D4	#C6B9D2	#C8B9D0	#CAB9CE	#CCB9CC	#CEB9CA	#D1B9C8
#BFBED4	#C2BED1	#C5BECE	#C8BECB	#CBBEC8	#CDBEC6	#D1BEC2
#BAC3D4	#BEC3D0	#C2C3CC	#C6C3C8	#C9C3C5	#CDC3C1	#D2C3BC
#B5C8D4	#BAC8CF	#BFC8CA	#C3C8C6	#C8C8C1	#CDC8BC	#D3C8B6
#AECFD4	#B4CFCE	#BACFC8	#C0CFC2	#C6CFBC	#CCCFB6	#D4CFAE
Colorpallet from #CFAED4 to #AECFD4 and to #D4AECF
#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4
#CAB3D4	#CBB2D4	#CCB1D4	#CDB1D4	#CEB0D3	#CFAFD3	#D0AED3
#C4B9D4	#C6B7D4	#C8B5D3	#CAB4D3	#CCB2D3	#CEB0D2	#D1AED2
#BFBED4	#C2BBD4	#C5B9D3	#C8B6D3	#CBB4D3	#CDB1D2	#D1AED2
#BAC3D4	#BEC0D4	#C2BCD3	#C6B9D3	#C9B6D2	#CDB2D2	#D2AED1
#B5C8D4	#BAC4D3	#BFC0D3	#C3BCD2	#C8B7D1	#CDB3D1	#D3AED0
#AECFD4	#B4CAD3	#BAC4D2	#C0BFD2	#C6BAD1	#CCB5D0	#D4AECF
Colorpallet from #CFAED4 to #AED4CF and to #D4CFAE
#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4
#CAB4D3	#CBB4D2	#CCB4D1	#CDB4D1	#CEB3D0	#CFB3CF	#D0B3CE
#C4BAD2	#C6BAD0	#C8BACF	#CABACD	#CCB9CC	#CEB9CA	#D1B9C8
#BFC0D2	#C2C0CF	#C5BFCD	#C8BFCA	#CBBFC8	#CDBEC5	#D1BEC2
#BAC6D1	#BEC6CE	#C2C5CA	#C6C5C7	#C9C4C4	#CDC4C0	#D2C3BC
#B5CCD0	#BACBCC	#BFCBC8	#C3CAC4	#C8C9BF	#CDC9BB	#D3C8B6
#AED4CF	#B4D3CA	#BAD2C4	#C0D2BF	#C6D1BA	#CCD0B5	#D4CFAE
Colorpallet from #CFAED4 to #AED4CF and to #D4AECF
#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4
#CAB4D3	#CBB3D3	#CCB2D3	#CDB1D3	#CEB0D3	#CFAFD3	#D0AED3
#C4BAD2	#C6B8D2	#C8B6D2	#CAB4D2	#CCB2D2	#CEB0D2	#D1AED2
#BFC0D2	#C2BDD2	#C5BAD2	#C8B7D2	#CBB4D2	#CDB2D2	#D1AED2
#BAC6D1	#BEC2D1	#C2BED1	#C6BAD1	#C9B7D1	#CDB3D1	#D2AED1
#B5CCD0	#BAC7D0	#BFC2D0	#C3BED0	#C8B9D0	#CDB4D0	#D3AED0
#AED4CF	#B4CECF	#BAC8CF	#C0C2CF	#C6BCCF	#CCB6CF	#D4AECF
Colorpallet from #CFAED4 to #D4CFAE and to #D4AECF
#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4	#CFAED4
#D0B3CE	#D0B2CF	#D0B1D0	#D0B1D0	#D0B0D1	#D0AFD2	#D0AED3
#D1B9C8	#D1B7CA	#D1B5CB	#D1B4CD	#D1B2CE	#D1B0D0	#D1AED2
#D1BEC2	#D1BBC5	#D1B9C7	#D1B6CA	#D1B4CC	#D1B1CF	#D1AED2
#D2C3BC	#D2C0BF	#D2BCC3	#D2B9C6	#D2B6C9	#D2B2CD	#D2AED1
#D3C8B6	#D3C4BA	#D3C0BE	#D3BCC2	#D3B7C7	#D3B3CB	#D3AED0
#D4CFAE	#D4CAB3	#D4C4B9	#D4BFBE	#D4BAC3	#D4B5C8	#D4AECF