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 #B1D4CD to #B1CDD4 and to #D4B1CD
#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD
#B1D3CE	#B2D2CE	#B3D1CE	#B4D1CE	#B5D0CD	#B6CFCD	#B7CECD
#B1D2CF	#B3D1CF	#B5CFCE	#B6CECE	#B8CCCE	#BACBCD	#BCC9CD
#B1D1D0	#B4CFD0	#B6CDCF	#B9CACF	#BCC8CE	#BFC6CE	#C2C3CD
#B1D0D1	#B5CDD0	#B8CAD0	#BCC7CF	#BFC4CE	#C3C2CE	#C7BECD
#B1CED3	#B5CAD2	#BAC7D1	#BEC3D0	#C3C0CF	#C7BCCE	#CDB8CD
#B1CDD4	#B7C9D3	#BCC4D2	#C2C0D1	#C7BBD0	#CDB7CE	#D4B1CD
Colorpallet from #B1D4CD to #B1CDD4 and to #D4CDB1
#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD
#B1D3CE	#B2D3CD	#B3D3CC	#B4D3CC	#B5D3CB	#B6D3CA	#B7D3C9
#B1D2CF	#B3D2CD	#B5D2CB	#B6D2CA	#B8D2C8	#BAD2C6	#BCD2C4
#B1D1D0	#B4D1CD	#B6D1CB	#B9D1C8	#BCD1C6	#BFD1C3	#C2D1C0
#B1D0D1	#B5D0CD	#B8D0CA	#BCD0C6	#BFD0C3	#C3D0BF	#C7D0BB
#B1CED3	#B5CECF	#BACECA	#BECEC6	#C3CEC1	#C7CEBD	#CDCEB7
#B1CDD4	#B7CDCE	#BCCDC9	#C2CDC3	#C7CDBE	#CDCDB8	#D4CDB1
Colorpallet from #B1D4CD to #B1CDD4 and to #CDB1D4
#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD
#B1D3CE	#B2D2CE	#B2D1CE	#B3D1CE	#B4D0CE	#B4CFCE	#B5CECE
#B1D2CF	#B2D1CF	#B4CFCF	#B5CECF	#B7CCCF	#B8CBCF	#BAC9CF
#B1D1D0	#B3CFD0	#B5CDD0	#B7CAD0	#B9C8D0	#BBC6D0	#BEC3D0
#B1D0D1	#B4CDD1	#B7CAD1	#BAC7D1	#BDC4D1	#BFC2D1	#C3BED1
#B1CED3	#B5CAD3	#B8C7D3	#BCC3D3	#BFC0D3	#C3BCD3	#C7B8D3
#B1CDD4	#B5C9D4	#BAC4D4	#BEC0D4	#C3BBD4	#C7B7D4	#CDB1D4
Colorpallet from #B1D4CD to #B1CDD4 and to #CDD4B1
#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD
#B1D3CE	#B2D3CD	#B2D3CC	#B3D3CC	#B4D4CB	#B4D4CA	#B5D4C9
#B1D2CF	#B2D2CD	#B4D3CB	#B5D3CA	#B7D3C8	#B8D4C6	#BAD4C4
#B1D1D0	#B3D1CD	#B5D2CB	#B7D2C8	#B9D3C6	#BBD3C3	#BED4C0
#B1D0D1	#B4D1CD	#B7D1CA	#BAD2C6	#BDD3C3	#BFD3BF	#C3D4BB
#B1CED3	#B5CFCF	#B8D0CA	#BCD1C6	#BFD2C1	#C3D3BD	#C7D4B7
#B1CDD4	#B5CECE	#BACFC9	#BED0C3	#C3D1BE	#C7D3B8	#CDD4B1
Colorpallet from #B1D4CD to #D4B1CD and to #D4CDB1
#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD
#B7CECD	#B7CFCC	#B7D0CC	#B7D0CB	#B7D1CA	#B7D2CA	#B7D3C9
#BCC9CD	#BCCACC	#BCCCCA	#BCCDC9	#BCCFC7	#BCD0C6	#BCD2C4
#C2C3CD	#C2C5CB	#C2C7C9	#C2CAC7	#C2CCC5	#C2CEC3	#C2D1C0
#C7BECD	#C7C1CA	#C7C4C7	#C7C7C4	#C7CAC1	#C7CCBF	#C7D0BB
#CDB8CD	#CDBCC9	#CDBFC6	#CDC3C2	#CDC6BF	#CDCABB	#CDCEB7
#D4B1CD	#D4B5C9	#D4BAC4	#D4BEC0	#D4C3BB	#D4C7B7	#D4CDB1
Colorpallet from #B1D4CD to #D4B1CD and to #CDB1D4
#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD
#B7CECD	#B7CECD	#B6CECD	#B6CECD	#B6CECE	#B5CECE	#B5CECE
#BCC9CD	#BCC9CD	#BBC9CE	#BBC9CE	#BBC9CE	#BAC9CF	#BAC9CF
#C2C3CD	#C1C3CD	#C1C3CE	#C0C3CE	#BFC3CF	#BFC3CF	#BEC3D0
#C7BECD	#C6BECE	#C6BECE	#C5BECF	#C4BED0	#C4BED0	#C3BED1
#CDB8CD	#CCB8CE	#CBB8CF	#CAB8D0	#C9B8D1	#C8B8D2	#C7B8D3
#D4B1CD	#D3B1CE	#D2B1CF	#D1B1D0	#D0B1D1	#CEB1D3	#CDB1D4
Colorpallet from #B1D4CD to #D4B1CD and to #CDD4B1
#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD
#B7CECD	#B7CFCC	#B6D0CC	#B6D1CB	#B6D2CA	#B5D3CA	#B5D4C9
#BCC9CD	#BCCBCC	#BBCDCA	#BBCEC9	#BBD0C7	#BAD2C6	#BAD4C4
#C2C3CD	#C1C6CB	#C1C8C9	#C0CBC7	#BFCEC5	#BFD1C3	#BED4C0
#C7BECD	#C6C2CA	#C6C5C7	#C5C9C4	#C4CCC1	#C4D0BF	#C3D4BB
#CDB8CD	#CCBCC9	#CBC1C6	#CAC5C2	#C9CABF	#C8CEBB	#C7D4B7
#D4B1CD	#D3B7C9	#D2BCC4	#D1C2C0	#D0C7BB	#CECDB7	#CDD4B1
Colorpallet from #B1D4CD to #D4CDB1 and to #CDB1D4
#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD
#B7D3C9	#B7D2CA	#B6D1CB	#B6D1CB	#B6D0CC	#B5CFCD	#B5CECE
#BCD2C4	#BCD1C6	#BBCFC8	#BBCEC9	#BBCCCB	#BACBCD	#BAC9CF
#C2D1C0	#C1CFC3	#C1CDC5	#C0CAC8	#BFC8CA	#BFC6CD	#BEC3D0
#C7D0BB	#C6CDBF	#C6CAC2	#C5C7C6	#C4C4C9	#C4C2CD	#C3BED1
#CDCEB7	#CCCABB	#CBC7C0	#CAC3C4	#C9C0C9	#C8BCCD	#C7B8D3
#D4CDB1	#D3C9B7	#D2C4BC	#D1C0C2	#D0BBC7	#CEB7CD	#CDB1D4
Colorpallet from #B1D4CD to #D4CDB1 and to #CDD4B1
#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD
#B7D3C9	#B7D3C9	#B6D3C9	#B6D3C9	#B6D4C9	#B5D4C9	#B5D4C9
#BCD2C4	#BCD2C4	#BBD3C4	#BBD3C4	#BBD3C4	#BAD4C4	#BAD4C4
#C2D1C0	#C1D1C0	#C1D2C0	#C0D2C0	#BFD3C0	#BFD3C0	#BED4C0
#C7D0BB	#C6D1BB	#C6D1BB	#C5D2BB	#C4D3BB	#C4D3BB	#C3D4BB
#CDCEB7	#CCCFB7	#CBD0B7	#CAD1B7	#C9D2B7	#C8D3B7	#C7D4B7
#D4CDB1	#D3CEB1	#D2CFB1	#D1D0B1	#D0D1B1	#CED3B1	#CDD4B1
Colorpallet from #B1D4CD to #CDB1D4 and to #CDD4B1
#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD	#B1D4CD
#B5CECE	#B5CFCD	#B5D0CC	#B5D1CC	#B5D2CB	#B5D3CA	#B5D4C9
#BAC9CF	#BACBCD	#BACDCB	#BACECA	#BAD0C8	#BAD2C6	#BAD4C4
#BEC3D0	#BEC6CD	#BEC8CB	#BECBC8	#BECEC6	#BED1C3	#BED4C0
#C3BED1	#C3C2CD	#C3C5CA	#C3C9C6	#C3CCC3	#C3D0BF	#C3D4BB
#C7B8D3	#C7BCCF	#C7C1CA	#C7C5C6	#C7CAC1	#C7CEBD	#C7D4B7
#CDB1D4	#CDB7CE	#CDBCC9	#CDC2C3	#CDC7BE	#CDCDB8	#CDD4B1