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 #BAF2DA to #BADAF2 and to #F2BADA
#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA
#BAEEDE#BBEDDD#BDECDD#BEECDC#C0EBDB#C1EADB#C3E9DA
#BAEAE2#BDE8E1#C0E7DF#C3E5DE#C6E4DD#C8E2DC#CCE0DA
#BAE6E6#BEE4E4#C3E1E2#C7DFE0#CBDCDE#D0DADC#D5D7DA
#BAE3E9#C0E0E7#C6DCE4#CBD9E2#D1D6DF#D7D2DD#DECEDA
#BADFED#C1DBEA#C8D7E7#D0D3E4#D7CEE1#DECADE#E7C5DA
#BADAF2#C3D5EE#CCD0EA#D5CBE6#DEC6E3#E7C0DF#F2BADA

Colorpallet from #BAF2DA to #BADAF2 and to #F2DABA
#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA
#BAEEDE#BBEEDD#BDEEDB#BEEEDA#C0EED8#C1EED7#C3EED5
#BAEAE2#BDEADF#C0EADC#C3EAD9#C6EAD6#C8EAD4#CCEAD0
#BAE6E6#BEE6E2#C3E6DD#C7E6D9#CBE6D5#D0E6D0#D5E6CB
#BAE3E9#C0E3E3#C6E3DE#CBE3D8#D1E3D3#D7E3CD#DEE3C6
#BADFED#C1DFE6#C8DFDF#D0DFD7#D7DFD0#DEDFC9#E7DFC0
#BADAF2#C3DAE9#CCDAE0#D5DAD7#DEDACE#E7DAC5#F2DABA

Colorpallet from #BAF2DA to #BADAF2 and to #DABAF2
#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA
#BAEEDE#BBEDDE#BCECDE#BCECDE#BDEBDE#BEEADE#BFE9DE
#BAEAE2#BCE8E2#BDE7E2#BFE5E2#C0E4E2#C2E2E2#C4E0E2
#BAE6E6#BCE4E6#BFE1E6#C1DFE6#C4DCE6#C6DAE6#C9D7E6
#BAE3E9#BDE0E9#C0DCE9#C4D9E9#C7D6E9#CAD2E9#CECEE9
#BADFED#BEDBED#C2D7ED#C6D3ED#CBCEED#CFCAED#D4C5ED
#BADAF2#BFD5F2#C4D0F2#C9CBF2#CEC6F2#D4C0F2#DABAF2

Colorpallet from #BAF2DA to #BADAF2 and to #DAF2BA
#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA
#BAEEDE#BBEFDD#BCEFDB#BCF0DA#BDF1D8#BEF1D7#BFF2D5
#BAEAE2#BCEBDF#BDEDDC#BFEED9#C0EFD6#C2F0D4#C4F2D0
#BAE6E6#BCE8E2#BFEADD#C1ECD9#C4EED5#C6F0D0#C9F2CB
#BAE3E9#BDE5E3#C0E8DE#C4EAD8#C7EDD3#CAEFCD#CEF2C6
#BADFED#BEE2E6#C2E5DF#C6E8D7#CBEBD0#CFEEC9#D4F2C0
#BADAF2#BFDEE9#C4E2E0#C9E6D7#CEE9CE#D4EDC5#DAF2BA

Colorpallet from #BAF2DA to #F2BADA and to #F2DABA
#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA
#C3E9DA#C3EAD9#C3EBD8#C3EBD8#C3ECD7#C3EDD6#C3EED5
#CCE0DA#CCE2D8#CCE3D7#CCE5D5#CCE6D4#CCE8D2#CCEAD0
#D5D7DA#D5D9D8#D5DCD5#D5DED3#D5E1D0#D5E3CE#D5E6CB
#DECEDA#DED1D7#DED5D4#DED8D0#DEDBCD#DEDFCA#DEE3C6
#E7C5DA#E7C9D6#E7CDD2#E7D1CE#E7D6C9#E7DAC5#E7DFC0
#F2BADA#F2BFD5#F2C4D0#F2C9CB#F2CEC6#F2D4C0#F2DABA

Colorpallet from #BAF2DA to #F2BADA and to #DABAF2
#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA
#C3E9DA#C2E9DB#C2E9DB#C1E9DC#C0E9DD#C0E9DD#BFE9DE
#CCE0DA#CBE0DB#C9E0DD#C8E0DE#C7E0DF#C6E0E0#C4E0E2
#D5D7DA#D3D7DC#D1D7DE#CFD7E0#CDD7E2#CBD7E4#C9D7E6
#DECEDA#DBCEDC#D9CEDF#D6CEE1#D4CEE4#D1CEE6#CECEE9
#E7C5DA#E4C5DD#E1C5E0#DEC5E3#DBC5E6#D8C5E9#D4C5ED
#F2BADA#EEBADE#EABAE2#E6BAE6#E3BAE9#DFBAED#DABAF2

Colorpallet from #BAF2DA to #F2BADA and to #DAF2BA
#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA
#C3E9DA#C2EAD9#C2ECD8#C1EDD8#C0EFD7#C0F0D6#BFF2D5
#CCE0DA#CBE3D8#C9E6D7#C8E9D5#C7ECD4#C6EED2#C4F2D0
#D5D7DA#D3DBD8#D1E0D5#CFE4D3#CDE8D0#CBEDCE#C9F2CB
#DECEDA#DBD4D7#D9DAD4#D6DFD0#D4E5CD#D1EBCA#CEF2C6
#E7C5DA#E4CCD6#E1D3D2#DEDBCE#DBE2C9#D8E9C5#D4F2C0
#F2BADA#EEC3D5#EACCD0#E6D5CB#E3DEC6#DFE7C0#DAF2BA

Colorpallet from #BAF2DA to #F2DABA and to #DABAF2
#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA
#C3EED5#C2EDD6#C2ECD8#C1ECD9#C0EBDB#C0EADC#BFE9DE
#CCEAD0#CBE8D3#C9E7D6#C8E5D9#C7E4DC#C6E2DE#C4E0E2
#D5E6CB#D3E4CF#D1E1D4#CFDFD8#CDDCDC#CBDAE1#C9D7E6
#DEE3C6#DBE0CC#D9DCD1#D6D9D7#D4D6DC#D1D2E2#CECEE9
#E7DFC0#E4DBC7#E1D7CE#DED3D6#DBCEDD#D8CAE4#D4C5ED
#F2DABA#EED5C3#EAD0CC#E6CBD5#E3C6DE#DFC0E7#DABAF2

Colorpallet from #BAF2DA to #F2DABA and to #DAF2BA
#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA
#C3EED5#C2EFD5#C2EFD5#C1F0D5#C0F1D5#C0F1D5#BFF2D5
#CCEAD0#CBEBD0#C9EDD0#C8EED0#C7EFD0#C6F0D0#C4F2D0
#D5E6CB#D3E8CB#D1EACB#CFECCB#CDEECB#CBF0CB#C9F2CB
#DEE3C6#DBE5C6#D9E8C6#D6EAC6#D4EDC6#D1EFC6#CEF2C6
#E7DFC0#E4E2C0#E1E5C0#DEE8C0#DBEBC0#D8EEC0#D4F2C0
#F2DABA#EEDEBA#EAE2BA#E6E6BA#E3E9BA#DFEDBA#DAF2BA

Colorpallet from #BAF2DA to #DABAF2 and to #DAF2BA
#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA#BAF2DA
#BFE9DE#BFEADD#BFECDB#BFEDDA#BFEFD8#BFF0D7#BFF2D5
#C4E0E2#C4E3DF#C4E6DC#C4E9D9#C4ECD6#C4EED4#C4F2D0
#C9D7E6#C9DBE2#C9E0DD#C9E4D9#C9E8D5#C9EDD0#C9F2CB
#CECEE9#CED4E3#CEDADE#CEDFD8#CEE5D3#CEEBCD#CEF2C6
#D4C5ED#D4CCE6#D4D3DF#D4DBD7#D4E2D0#D4E9C9#D4F2C0
#DABAF2#DAC3E9#DACCE0#DAD5D7#DADECE#DAE7C5#DAF2BA