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 #BADCEC to #BAECDC and to #DCBAEC
#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC
#BADFE9#BBDEE9#BCDCEA#BCDBEA#BDDAEB#BED9EB#BFD7EC
#BAE1E7#BCDEE8#BEDCE9#BFD9E9#C1D7EA#C3D4EB#C5D1EC
#BAE4E4#BDE0E5#BFDCE7#C2D8E8#C4D5E9#C7D1EA#CACCEC
#BAE6E2#BEE1E4#C1DCE5#C5D7E7#C8D2E8#CCCCEA#D0C6EC
#BAE9DF#BEE3E1#C3DCE3#C7D6E5#CBCFE7#D0C9E9#D5C1EC
#BAECDC#BFE4DF#C5DCE1#CAD4E4#D0CCE6#D5C4E9#DCBAEC

Colorpallet from #BADCEC to #BAECDC and to #DCECBA
#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC
#BADFE9#BBDFE8#BCDFE7#BCDFE7#BDDFE6#BEDFE5#BFDFE4
#BAE1E7#BCE1E5#BEE1E3#BFE1E2#C1E1E0#C3E1DE#C5E1DC
#BAE4E4#BDE4E1#BFE4DF#C2E4DC#C4E4DA#C7E4D7#CAE4D4
#BAE6E2#BEE6DE#C1E6DB#C5E6D7#C8E6D4#CCE6D0#D0E6CC
#BAE9DF#BEE9DB#C3E9D6#C7E9D2#CBE9CE#D0E9C9#D5E9C4
#BAECDC#BFECD7#C5ECD1#CAECCC#D0ECC6#D5ECC1#DCECBA

Colorpallet from #BADCEC to #BAECDC and to #ECBADC
#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC
#BADFE9#BBDEE9#BDDCE9#BEDBE9#BFDAE9#C0D9E9#C2D7E9
#BAE1E7#BDDEE7#BFDCE7#C2D9E7#C4D7E7#C7D4E7#CAD1E7
#BAE4E4#BEE0E4#C2DCE4#C6D8E4#C9D5E4#CDD1E4#D2CCE4
#BAE6E2#BFE1E2#C4DCE2#C9D7E2#CED2E2#D4CCE2#DAC6E2
#BAE9DF#C0E3DF#C7DCDF#CDD6DF#D4CFDF#DAC9DF#E2C1DF
#BAECDC#C2E4DC#CADCDC#D2D4DC#DACCDC#E2C4DC#ECBADC

Colorpallet from #BADCEC to #BAECDC and to #ECDCBA
#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC
#BADFE9#BBDFE8#BDDEE7#BEDEE7#BFDDE6#C0DDE5#C2DCE4
#BAE1E7#BDE0E5#BFDFE3#C2DFE2#C4DEE0#C7DDDE#CADCDC
#BAE4E4#BEE3E1#C2E1DF#C6E0DC#C9DFDA#CDDED7#D2DCD4
#BAE6E2#BFE4DE#C4E3DB#C9E1D7#CEE0D4#D4DED0#DADCCC
#BAE9DF#C0E7DB#C7E5D6#CDE3D2#D4E1CE#DADFC9#E2DCC4
#BAECDC#C2E9D7#CAE7D1#D2E4CC#DAE2C6#E2DFC1#ECDCBA

Colorpallet from #BADCEC to #DCBAEC and to #DCECBA
#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC
#BFD7EC#BFD8EB#BFDAE9#BFDBE8#BFDCE7#BFDDE6#BFDFE4
#C5D1EC#C5D4E9#C5D6E7#C5D9E4#C5DBE2#C5DEDF#C5E1DC
#CACCEC#CAD0E8#CAD4E4#CAD8E0#CADBDD#CADFD9#CAE4D4
#D0C6EC#D0CBE7#D0D0E2#D0D5DD#D0DAD8#D0E0D2#D0E6CC
#D5C1EC#D5C7E6#D5CEDF#D5D4D9#D5DBD2#D5E1CC#D5E9C4
#DCBAEC#DCC2E4#DCCADC#DCD2D4#DCDACC#DCE2C4#DCECBA

Colorpallet from #BADCEC to #DCBAEC and to #ECBADC
#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC
#BFD7EC#BFD7EC#C0D7EB#C0D7EB#C1D7EA#C1D7EA#C2D7E9
#C5D1EC#C6D1EB#C7D1EA#C7D1EA#C8D1E9#C9D1E8#CAD1E7
#CACCEC#CBCCEB#CDCCE9#CECCE8#CFCCE7#D0CCE6#D2CCE4
#D0C6EC#D2C6EA#D3C6E9#D5C6E7#D6C6E6#D8C6E4#DAC6E2
#D5C1EC#D7C1EA#D9C1E8#DBC1E6#DDC1E4#DFC1E2#E2C1DF
#DCBAEC#DFBAE9#E1BAE7#E4BAE4#E6BAE2#E9BADF#ECBADC

Colorpallet from #BADCEC to #DCBAEC and to #ECDCBA
#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC
#BFD7EC#BFD8EB#C0D9E9#C0D9E8#C1DAE7#C1DBE6#C2DCE4
#C5D1EC#C6D3E9#C7D5E7#C7D6E4#C8D8E2#C9DADF#CADCDC
#CACCEC#CBCFE8#CDD1E4#CED4E0#CFD6DD#D0D9D9#D2DCD4
#D0C6EC#D2CAE7#D3CDE2#D5D1DD#D6D4D8#D8D8D2#DADCCC
#D5C1EC#D7C5E6#D9CADF#DBCED9#DDD2D2#DFD7CC#E2DCC4
#DCBAEC#DFBFE4#E1C5DC#E4CAD4#E6D0CC#E9D5C4#ECDCBA

Colorpallet from #BADCEC to #DCECBA and to #ECBADC
#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC
#BFDFE4#BFDEE5#C0DCE6#C0DBE6#C1DAE7#C1D9E8#C2D7E9
#C5E1DC#C6DEDE#C7DCE0#C7D9E1#C8D7E3#C9D4E5#CAD1E7
#CAE4D4#CBE0D7#CDDCD9#CED8DC#CFD5DE#D0D1E1#D2CCE4
#D0E6CC#D2E1D0#D3DCD3#D5D7D7#D6D2DA#D8CCDE#DAC6E2
#D5E9C4#D7E3C8#D9DCCD#DBD6D1#DDCFD5#DFC9DA#E2C1DF
#DCECBA#DFE4BF#E1DCC5#E4D4CA#E6CCD0#E9C4D5#ECBADC

Colorpallet from #BADCEC to #DCECBA and to #ECDCBA
#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC
#BFDFE4#BFDFE4#C0DEE4#C0DEE4#C1DDE4#C1DDE4#C2DCE4
#C5E1DC#C6E0DC#C7DFDC#C7DFDC#C8DEDC#C9DDDC#CADCDC
#CAE4D4#CBE3D4#CDE1D4#CEE0D4#CFDFD4#D0DED4#D2DCD4
#D0E6CC#D2E4CC#D3E3CC#D5E1CC#D6E0CC#D8DECC#DADCCC
#D5E9C4#D7E7C4#D9E5C4#DBE3C4#DDE1C4#DFDFC4#E2DCC4
#DCECBA#DFE9BA#E1E7BA#E4E4BA#E6E2BA#E9DFBA#ECDCBA

Colorpallet from #BADCEC to #ECBADC and to #ECDCBA
#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC#BADCEC
#C2D7E9#C2D8E8#C2D9E7#C2D9E7#C2DAE6#C2DBE5#C2DCE4
#CAD1E7#CAD3E5#CAD5E3#CAD6E2#CAD8E0#CADADE#CADCDC
#D2CCE4#D2CFE1#D2D1DF#D2D4DC#D2D6DA#D2D9D7#D2DCD4
#DAC6E2#DACADE#DACDDB#DAD1D7#DAD4D4#DAD8D0#DADCCC
#E2C1DF#E2C5DB#E2CAD6#E2CED2#E2D2CE#E2D7C9#E2DCC4
#ECBADC#ECBFD7#ECC5D1#ECCACC#ECD0C6#ECD5C1#ECDCBA