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 #CDDAED to #CDEDDA and to #DACDED
#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED
#CDDDEA	#CDDCEA	#CEDBEB	#CEDBEB	#CEDAEC	#CFD9EC	#CFD8ED
#CDE0E7	#CEDEE8	#CEDDE9	#CFDBEA	#D0DAEB	#D0D8EC	#D1D6ED
#CDE3E4	#CEE1E5	#CFDEE7	#D0DCE8	#D1D9EA	#D2D7EB	#D3D4ED
#CDE6E1	#CEE3E3	#D0E0E5	#D1DCE7	#D2D9E9	#D3D6EB	#D5D2ED
#CDE9DE	#CFE5E0	#D0E1E3	#D2DDE5	#D3D9E8	#D5D5EA	#D7D0ED
#CDEDDA	#CFE8DD	#D1E3E0	#D3DEE3	#D5D9E6	#D7D3E9	#DACDED
Colorpallet from #CDDAED to #CDEDDA and to #DAEDCD
#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED
#CDDDEA	#CDDDEA	#CEDDE9	#CEDDE9	#CEDDE9	#CFDDE8	#CFDDE8
#CDE0E7	#CEE0E6	#CEE0E6	#CFE0E5	#D0E0E4	#D0E0E4	#D1E0E3
#CDE3E4	#CEE3E3	#CFE3E2	#D0E3E1	#D1E3E0	#D2E3DF	#D3E3DE
#CDE6E1	#CEE6E0	#D0E6DE	#D1E6DD	#D2E6DC	#D3E6DB	#D5E6D9
#CDE9DE	#CFE9DC	#D0E9DA	#D2E9D9	#D3E9D7	#D5E9D5	#D7E9D3
#CDEDDA	#CFEDD8	#D1EDD6	#D3EDD4	#D5EDD2	#D7EDD0	#DAEDCD
Colorpallet from #CDDAED to #CDEDDA and to #EDCDDA
#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED
#CDDDEA	#CEDCEA	#CFDBEA	#CFDBEA	#D0DAEA	#D1D9EA	#D2D8EA
#CDE0E7	#CFDEE7	#D0DDE7	#D2DBE7	#D3DAE7	#D5D8E7	#D7D6E7
#CDE3E4	#CFE1E4	#D2DEE4	#D4DCE4	#D7D9E4	#D9D7E4	#DCD4E4
#CDE6E1	#D0E3E1	#D3E0E1	#D7DCE1	#DAD9E1	#DDD6E1	#E1D2E1
#CDE9DE	#D1E5DE	#D5E1DE	#D9DDDE	#DED9DE	#E2D5DE	#E7D0DE
#CDEDDA	#D2E8DA	#D7E3DA	#DCDEDA	#E1D9DA	#E7D3DA	#EDCDDA
Colorpallet from #CDDAED to #CDEDDA and to #EDDACD
#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED
#CDDDEA	#CEDDEA	#CFDCE9	#CFDCE9	#D0DBE9	#D1DBE8	#D2DAE8
#CDE0E7	#CFDFE6	#D0DEE6	#D2DDE5	#D3DCE4	#D5DBE4	#D7DAE3
#CDE3E4	#CFE2E3	#D2E0E2	#D4DFE1	#D7DDE0	#D9DCDF	#DCDADE
#CDE6E1	#D0E4E0	#D3E2DE	#D7E0DD	#DADEDC	#DDDCDB	#E1DAD9
#CDE9DE	#D1E7DC	#D5E4DA	#D9E2D9	#DEDFD7	#E2DDD5	#E7DAD3
#CDEDDA	#D2EAD8	#D7E7D6	#DCE4D4	#E1E1D2	#E7DED0	#EDDACD
Colorpallet from #CDDAED to #DACDED and to #DAEDCD
#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED
#CFD8ED	#CFD9EC	#CFDAEB	#CFDAEB	#CFDBEA	#CFDCE9	#CFDDE8
#D1D6ED	#D1D8EB	#D1D9EA	#D1DBE8	#D1DCE7	#D1DEE5	#D1E0E3
#D3D4ED	#D3D6EB	#D3D9E8	#D3DBE6	#D3DEE3	#D3E0E1	#D3E3DE
#D5D2ED	#D5D5EA	#D5D8E7	#D5DCE3	#D5DFE0	#D5E2DD	#D5E6D9
#D7D0ED	#D7D4E9	#D7D8E5	#D7DCE1	#D7E0DC	#D7E4D8	#D7E9D3
#DACDED	#DAD2E8	#DAD7E3	#DADCDE	#DAE1D9	#DAE7D3	#DAEDCD
Colorpallet from #CDDAED to #DACDED and to #EDCDDA
#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED
#CFD8ED	#CFD8ED	#D0D8EC	#D0D8EC	#D1D8EB	#D1D8EB	#D2D8EA
#D1D6ED	#D2D6EC	#D3D6EB	#D4D6EA	#D5D6E9	#D6D6E8	#D7D6E7
#D3D4ED	#D4D4EC	#D6D4EA	#D7D4E9	#D9D4E7	#DAD4E6	#DCD4E4
#D5D2ED	#D7D2EB	#D9D2E9	#DBD2E7	#DDD2E5	#DFD2E3	#E1D2E1
#D7D0ED	#DAD0EB	#DCD0E8	#DFD0E6	#E1D0E3	#E4D0E1	#E7D0DE
#DACDED	#DDCDEA	#E0CDE7	#E3CDE4	#E6CDE1	#E9CDDE	#EDCDDA
Colorpallet from #CDDAED to #DACDED and to #EDDACD
#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED
#CFD8ED	#CFD8EC	#D0D9EB	#D0D9EB	#D1D9EA	#D1DAE9	#D2DAE8
#D1D6ED	#D2D7EB	#D3D7EA	#D4D8E8	#D5D9E7	#D6D9E5	#D7DAE3
#D3D4ED	#D4D5EB	#D6D6E8	#D7D7E6	#D9D8E3	#DAD9E1	#DCDADE
#D5D2ED	#D7D3EA	#D9D5E7	#DBD6E3	#DDD7E0	#DFD8DD	#E1DAD9
#D7D0ED	#DAD2E9	#DCD3E5	#DFD5E1	#E1D6DC	#E4D8D8	#E7DAD3
#DACDED	#DDCFE8	#E0D1E3	#E3D3DE	#E6D5D9	#E9D7D3	#EDDACD
Colorpallet from #CDDAED to #DAEDCD and to #EDCDDA
#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED
#CFDDE8	#CFDCE8	#D0DBE9	#D0DBE9	#D1DAE9	#D1D9EA	#D2D8EA
#D1E0E3	#D2DEE4	#D3DDE4	#D4DBE5	#D5DAE6	#D6D8E6	#D7D6E7
#D3E3DE	#D4E1DF	#D6DEE0	#D7DCE1	#D9D9E2	#DAD7E3	#DCD4E4
#D5E6D9	#D7E3DA	#D9E0DC	#DBDCDD	#DDD9DE	#DFD6DF	#E1D2E1
#D7E9D3	#DAE5D5	#DCE1D7	#DFDDD8	#E1D9DA	#E4D5DC	#E7D0DE
#DAEDCD	#DDE8CF	#E0E3D1	#E3DED3	#E6D9D5	#E9D3D7	#EDCDDA
Colorpallet from #CDDAED to #DAEDCD and to #EDDACD
#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED
#CFDDE8	#CFDDE8	#D0DCE8	#D0DCE8	#D1DBE8	#D1DBE8	#D2DAE8
#D1E0E3	#D2DFE3	#D3DEE3	#D4DDE3	#D5DCE3	#D6DBE3	#D7DAE3
#D3E3DE	#D4E2DE	#D6E0DE	#D7DFDE	#D9DDDE	#DADCDE	#DCDADE
#D5E6D9	#D7E4D9	#D9E2D9	#DBE0D9	#DDDED9	#DFDCD9	#E1DAD9
#D7E9D3	#DAE7D3	#DCE4D3	#DFE2D3	#E1DFD3	#E4DDD3	#E7DAD3
#DAEDCD	#DDEACD	#E0E7CD	#E3E4CD	#E6E1CD	#E9DECD	#EDDACD
Colorpallet from #CDDAED to #EDCDDA and to #EDDACD
#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED	#CDDAED
#D2D8EA	#D2D8EA	#D2D9E9	#D2D9E9	#D2D9E9	#D2DAE8	#D2DAE8
#D7D6E7	#D7D7E6	#D7D7E6	#D7D8E5	#D7D9E4	#D7D9E4	#D7DAE3
#DCD4E4	#DCD5E3	#DCD6E2	#DCD7E1	#DCD8E0	#DCD9DF	#DCDADE
#E1D2E1	#E1D3E0	#E1D5DE	#E1D6DD	#E1D7DC	#E1D8DB	#E1DAD9
#E7D0DE	#E7D2DC	#E7D3DA	#E7D5D9	#E7D6D7	#E7D8D5	#E7DAD3
#EDCDDA	#EDCFD8	#EDD1D6	#EDD3D4	#EDD5D2	#EDD7D0	#EDDACD