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 #CFDEF2 to #CFF2DE and to #DECFF2
#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2
#CFE1EF	#CFE0EF	#D0DFF0	#D0DFF0	#D0DEF1	#D1DDF1	#D1DCF2
#CFE4EC	#D0E2ED	#D1E0EE	#D1DFEF	#D2DDF0	#D3DBF1	#D4D9F2
#CFE8E8	#D0E5EA	#D1E3EB	#D2E0ED	#D3DDEE	#D5DAF0	#D6D7F2
#CFEBE5	#D1E7E7	#D2E4E9	#D4E0EB	#D5DCED	#D7D9EF	#D9D4F2
#CFEEE2	#D1EAE5	#D3E5E7	#D5E1EA	#D7DCEC	#D9D8EF	#DBD2F2
#CFF2DE	#D1ECE1	#D4E7E4	#D6E1E8	#D9DCEB	#DBD6EE	#DECFF2
Colorpallet from #CFDEF2 to #CFF2DE and to #DEF2CF
#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2
#CFE1EF	#CFE1EF	#D0E1EE	#D0E1EE	#D0E1ED	#D1E1ED	#D1E1EC
#CFE4EC	#D0E4EB	#D1E4EA	#D1E4EA	#D2E4E9	#D3E4E8	#D4E4E7
#CFE8E8	#D0E8E7	#D1E8E6	#D2E8E5	#D3E8E4	#D5E8E2	#D6E8E1
#CFEBE5	#D1EBE4	#D2EBE2	#D4EBE1	#D5EBDF	#D7EBDE	#D9EBDC
#CFEEE2	#D1EEE0	#D3EEDE	#D5EEDC	#D7EEDA	#D9EED8	#DBEED6
#CFF2DE	#D1F2DC	#D4F2D9	#D6F2D7	#D9F2D4	#DBF2D2	#DEF2CF
Colorpallet from #CFDEF2 to #CFF2DE and to #F2CFDE
#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2
#CFE1EF	#D0E0EF	#D1DFEF	#D2DFEF	#D3DEEF	#D4DDEF	#D5DCEF
#CFE4EC	#D1E2EC	#D3E0EC	#D4DFEC	#D6DDEC	#D8DBEC	#DAD9EC
#CFE8E8	#D2E5E8	#D4E3E8	#D7E0E8	#DADDE8	#DDDAE8	#E0D7E8
#CFEBE5	#D3E7E5	#D6E4E5	#DAE0E5	#DDDCE5	#E1D9E5	#E5D4E5
#CFEEE2	#D3EAE2	#D8E5E2	#DCE1E2	#E1DCE2	#E5D8E2	#EBD2E2
#CFF2DE	#D5ECDE	#DAE7DE	#E0E1DE	#E5DCDE	#EBD6DE	#F2CFDE
Colorpallet from #CFDEF2 to #CFF2DE and to #F2DECF
#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2
#CFE1EF	#D0E1EF	#D1E0EE	#D2E0EE	#D3DFED	#D4DFED	#D5DEEC
#CFE4EC	#D1E3EB	#D3E2EA	#D4E1EA	#D6E0E9	#D8DFE8	#DADEE7
#CFE8E8	#D2E6E7	#D4E5E6	#D7E3E5	#DAE2E4	#DDE0E2	#E0DEE1
#CFEBE5	#D3E9E4	#D6E7E2	#DAE5E1	#DDE3DF	#E1E1DE	#E5DEDC
#CFEEE2	#D3EBE0	#D8E9DE	#DCE6DC	#E1E4DA	#E5E1D8	#EBDED6
#CFF2DE	#D5EFDC	#DAECD9	#E0E8D7	#E5E5D4	#EBE2D2	#F2DECF
Colorpallet from #CFDEF2 to #DECFF2 and to #DEF2CF
#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2
#D1DCF2	#D1DDF1	#D1DEF0	#D1DEEF	#D1DFEE	#D1E0ED	#D1E1EC
#D4D9F2	#D4DBF0	#D4DDEE	#D4DEED	#D4E0EB	#D4E2E9	#D4E4E7
#D6D7F2	#D6DAEF	#D6DCED	#D6DFEA	#D6E2E7	#D6E5E4	#D6E8E1
#D9D4F2	#D9D8EE	#D9DBEB	#D9DFE7	#D9E3E4	#D9E6E0	#D9EBDC
#DBD2F2	#DBD6EE	#DBDBE9	#DBDFE5	#DBE4E0	#DBE8DC	#DBEED6
#DECFF2	#DED5EC	#DEDAE7	#DEE0E1	#DEE5DC	#DEEBD6	#DEF2CF
Colorpallet from #CFDEF2 to #DECFF2 and to #F2CFDE
#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2
#D1DCF2	#D2DCF2	#D2DCF1	#D3DCF1	#D4DCF0	#D4DCF0	#D5DCEF
#D4D9F2	#D5D9F1	#D6D9F0	#D7D9EF	#D8D9EE	#D9D9ED	#DAD9EC
#D6D7F2	#D8D7F0	#D9D7EF	#DBD7ED	#DCD7EC	#DED7EA	#E0D7E8
#D9D4F2	#DBD4F0	#DDD4EE	#DFD4EC	#E1D4EA	#E3D4E8	#E5D4E5
#DBD2F2	#DED2EF	#E0D2ED	#E3D2EA	#E5D2E8	#E8D2E5	#EBD2E2
#DECFF2	#E1CFEF	#E4CFEC	#E8CFE8	#EBCFE5	#EECFE2	#F2CFDE
Colorpallet from #CFDEF2 to #DECFF2 and to #F2DECF
#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2
#D1DCF2	#D2DCF1	#D2DDF0	#D3DDEF	#D4DDEE	#D4DEED	#D5DEEC
#D4D9F2	#D5DAF0	#D6DBEE	#D7DBED	#D8DCEB	#D9DDE9	#DADEE7
#D6D7F2	#D8D8EF	#D9D9ED	#DBDAEA	#DCDBE7	#DEDDE4	#E0DEE1
#D9D4F2	#DBD6EE	#DDD7EB	#DFD9E7	#E1DAE4	#E3DCE0	#E5DEDC
#DBD2F2	#DED4EE	#E0D6E9	#E3D8E5	#E5DAE0	#E8DCDC	#EBDED6
#DECFF2	#E1D1EC	#E4D4E7	#E8D6E1	#EBD9DC	#EEDBD6	#F2DECF
Colorpallet from #CFDEF2 to #DEF2CF and to #F2CFDE
#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2
#D1E1EC	#D2E0EC	#D2DFED	#D3DFED	#D4DEEE	#D4DDEE	#D5DCEF
#D4E4E7	#D5E2E8	#D6E0E9	#D7DFE9	#D8DDEA	#D9DBEB	#DAD9EC
#D6E8E1	#D8E5E2	#D9E3E3	#DBE0E4	#DCDDE5	#DEDAE7	#E0D7E8
#D9EBDC	#DBE7DD	#DDE4DF	#DFE0E0	#E1DCE2	#E3D9E3	#E5D4E5
#DBEED6	#DEEAD8	#E0E5DA	#E3E1DC	#E5DCDE	#E8D8E0	#EBD2E2
#DEF2CF	#E1ECD1	#E4E7D4	#E8E1D6	#EBDCD9	#EED6DB	#F2CFDE
Colorpallet from #CFDEF2 to #DEF2CF and to #F2DECF
#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2
#D1E1EC	#D2E1EC	#D2E0EC	#D3E0EC	#D4DFEC	#D4DFEC	#D5DEEC
#D4E4E7	#D5E3E7	#D6E2E7	#D7E1E7	#D8E0E7	#D9DFE7	#DADEE7
#D6E8E1	#D8E6E1	#D9E5E1	#DBE3E1	#DCE2E1	#DEE0E1	#E0DEE1
#D9EBDC	#DBE9DC	#DDE7DC	#DFE5DC	#E1E3DC	#E3E1DC	#E5DEDC
#DBEED6	#DEEBD6	#E0E9D6	#E3E6D6	#E5E4D6	#E8E1D6	#EBDED6
#DEF2CF	#E1EFCF	#E4ECCF	#E8E8CF	#EBE5CF	#EEE2CF	#F2DECF
Colorpallet from #CFDEF2 to #F2CFDE and to #F2DECF
#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2	#CFDEF2
#D5DCEF	#D5DCEF	#D5DDEE	#D5DDEE	#D5DDED	#D5DEED	#D5DEEC
#DAD9EC	#DADAEB	#DADBEA	#DADBEA	#DADCE9	#DADDE8	#DADEE7
#E0D7E8	#E0D8E7	#E0D9E6	#E0DAE5	#E0DBE4	#E0DDE2	#E0DEE1
#E5D4E5	#E5D6E4	#E5D7E2	#E5D9E1	#E5DADF	#E5DCDE	#E5DEDC
#EBD2E2	#EBD4E0	#EBD6DE	#EBD8DC	#EBDADA	#EBDCD8	#EBDED6
#F2CFDE	#F2D1DC	#F2D4D9	#F2D6D7	#F2D9D4	#F2DBD2	#F2DECF