Color Spot Tables: tables of color swatches and color codes used in HTML and CSS

Hexadecimal Color Code Tables (Hue at 6° of Separation)

The Hues Hub
 Warms
0° to 84°
Greens
90° to 174°
Blues
180° to 264°
You are here
Purples
270° to 354°
Hue Stepper: interactive SVG tool for hue, saturation, and light color tables
Chart your own at Hue Stepper

Hex Hub: 1,000+ named color swatches with hex values
See named colors at Hex Hub

This page shows color swatches defined by the six-digit hexadecimal color representation of the form #RRGGBB, where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color. The swatches have been created at regular intervals. The hue increase by 6° in successive groups. The saturation increase from left to right 10% by column, with the highest saturation, 100%, in rightmost column of each hue group. The light decrease 10% by row, with the highest light, 90%, at the top of each hue group. Extreme values are not shown: 100% light is white for any hue; 0% light is black for any hue; and 0% saturation is a shade of gray for any hue.

You can use these tables to pick a color code or use the hue values to set up color schemes. A quick reference table shows the many other color tables available at The Color Spot at HTML Station.

hue = 180°
#E3E8E8#E0EBEB#DEEDED#DBF0F0#D9F2F2#D6F5F5#D4F7F7#D1FAFA#CFFCFC#CCFFFF
#C7D1D1#C2D6D6#BDDBDB#B8E0E0#B3E6E6#ADEBEB#A8F0F0#A3F5F5#9EFAFA#99FFFF
#ABBABA#A3C2C2#9CC9C9#94D1D1#8CD9D9#85E0E0#7DE8E8#75F0F0#6EF7F7#66FFFF
#8FA3A3#85ADAD#7AB8B8#70C2C2#66CCCC#5CD6D6#52E0E0#47EBEB#3DF5F5#33FFFF
#738C8C#669999#59A6A6#4DB2B2#40BFBF#33CCCC#26D9D9#19E5E6#0DF2F2#00FFFF
#5C7070#527A7A#478585#3D8F8F#339999#29A3A3#1FADAD#14B8B8#0AC2C2#00CCCC
#455454#3D5C5C#366363#2E6B6B#267373#1F7A7A#178282#0F8A8A#089191#009999
#2E3838#293D3D#244242#1F4747#194C4D#145252#0F5757#0A5C5C#056161#006666

hue = 186°
#E3E8E8#E0EAEB#DEECED#DBEEF0#D9F0F2#D6F2F5#D4F4F7#D1F6FA#CFF8FC#CCFAFF
#C7D0D1#C2D4D6#BDD8DB#B8DCE0#B3E0E6#ADE4EB#A8E9F0#A3EDF5#9EF1FA#99F5FF
#ABB9BA#A3BFC2#9CC5C9#94CBD1#8CD1D9#85D7E0#7DDDE8#75E3F0#6EEAF7#66F0FF
#8FA1A3#85A9AD#7AB1B8#70BAC2#66C2CC#5CCAD6#52D2E0#47DAEB#3DE2F5#33EBFF
#738A8C#669499#599EA6#4DA8B2#40B2BF#33BDCC#26C7D9#19D1E6#0DDBF2#00E5FF
#5C6E70#52767A#477E85#3D878F#338F99#2997A3#1F9FAD#14A7B8#0AAFC2#00B8CC
#455354#3D595C#365F63#2E656B#266B73#1F717A#177782#0F7D8A#088491#008A99
#2E3738#293B3D#243F42#1F4347#19474D#144B52#0F5057#0A545C#055861#005C66

hue = 192°
#E3E7E8#E0E9EB#DEEAED#DBECF0#D9EDF2#D6EFF5#D4F0F7#D1F2FA#CFF3FC#CCF5FF
#C7CFD1#C2D2D6#BDD5DB#B8D8E0#B3DBE6#ADDEEB#A8E1F0#A3E4F5#9EE8FA#99EBFF
#ABB7BA#A3BCC2#9CC0C9#94C5D1#8CC9D9#85CEE0#7DD3E8#75D7F0#6EDCF7#66E0FF
#8F9FA3#85A5AD#7AABB8#70B1C2#66B8CC#5CBED6#52C4E0#47CAEB#3DD0F5#33D6FF
#73878C#668F99#5996A6#4D9EB2#40A6BF#33ADCC#26B5D9#19BDE6#0DC4F2#00CCFF
#5C6C70#52727A#477885#3D7E8F#338599#298BA3#1F91AD#1497B8#0A9DC2#00A3CC
#455154#3D565C#365A63#2E5F6B#266373#1F687A#176D82#0F718A#087691#007A99
#2E3638#29393D#243C42#1F3F47#19424D#144552#0F4857#0A4B5C#054F61#005266

hue = 198°
#E3E7E8#E0E8EB#DEE9ED#DBEAF0#D9EBF2#D6ECF5#D4EDF7#D1EEFA#CFEFFC#CCF0FF
#C7CED1#C2D0D6#BDD2DB#B8D4E0#B3D6E6#ADD8EB#A8DAF0#A3DCF5#9EDEFA#99E0FF
#ABB6BA#A3B9C2#9CBCC9#94BFD1#8CC2D9#85C5E0#7DC8E8#75CBF0#6ECEF7#66D1FF
#8F9DA3#85A1AD#7AA5B8#70A9C2#66ADCC#5CB1D6#52B6E0#47BAEB#3DBEF5#33C2FF
#73858C#668A99#598FA6#4D94B2#4099BF#339ECC#26A3D9#19A8E6#0DADF2#00B2FF
#5C6A70#526E7A#477285#3D768F#337A99#297EA3#1F83AD#1487B8#0A8BC2#008FCC
#455054#3D535C#365663#2E596B#265C73#1F5F7A#176282#0F658A#086891#006B99
#2E3538#29373D#243942#1F3B47#193D4D#143F52#0F4157#0A435C#054561#004766

hue = 204°
#E3E6E8#E0E7EB#DEE7ED#DBE8F0#D9E8F2#D6E9F5#D4E9F7#D1EAFA#CFEAFC#CCEBFF
#C7CDD1#C2CED6#BDCFDB#B8D0E0#B3D1E6#ADD2EB#A8D3F0#A3D4F5#9ED5FA#99D6FF
#ABB4BA#A3B6C2#9CB7C9#94B9D1#8CBAD9#85BCE0#7DBDE8#75BFF0#6EC0F7#66C2FF
#8F9BA3#859DAD#7A9FB8#70A1C2#66A3CC#5CA5D6#52A7E0#47A9EB#3DABF5#33ADFF
#73828C#668599#5987A6#4D8AB2#408CBF#338FCC#2691D9#1994E6#0D96F2#0099FF
#5C6870#526A7A#476C85#3D6E8F#337099#2972A3#1F74AD#1476B8#0A78C2#007ACC
#454E54#3D505C#365163#2E536B#265473#1F567A#175782#0F598A#085A91#005C99
#2E3438#29353D#243642#1F3747#19384D#143952#0F3A57#0A3B5C#053C61#003D66

hue = 210°
#E3E6E8#E0E6EB#DEE6ED#DBE6F0#D9E6F2#D6E6F5#D4E5F7#D1E5FA#CFE5FC#CCE5FF
#C7CCD1#C2CCD6#BDCCDB#B8CCE0#B3CCE6#ADCCEB#A8CCF0#A3CCF5#9ECCFA#99CCFF
#ABB2BA#A3B2C2#9CB2C9#94B2D1#8CB2D9#85B2E0#7DB2E8#75B2F0#6EB2F7#66B2FF
#8F99A3#8599AD#7A99B8#7099C2#6699CC#5C99D6#5299E0#4799EB#3D99F5#3399FF
#737F8C#667F99#597FA6#4D7FB2#407FBF#337FCC#267FD9#197FE6#0D7FF2#007FFF
#5C6670#52667A#476685#3D668F#336699#2966A3#1F66AD#1466B8#0A66C2#0066CC
#454C54#3D4C5C#364C63#2E4C6B#264C73#1F4C7A#174C82#0F4C8A#084C91#004C99
#2E3338#29333D#243342#1F3347#19334D#143352#0F3357#0A335C#053361#003366

hue = 216°
#E3E5E8#E0E4EB#DEE4ED#DBE3F0#D9E3F2#D6E2F5#D4E2F7#D1E1FA#CFE1FC#CCE0FF
#C7CBD1#C2CAD6#BDC9DB#B8C8E0#B3C7E6#ADC6EB#A8C5F0#A3C4F5#9EC3FA#99C2FF
#ABB1BA#A3AFC2#9CAEC9#94ACD1#8CABD9#85A9E0#7DA8E8#75A6F0#6EA5F7#66A3FF
#8F97A3#8595AD#7A93B8#7091C2#668FCC#5C8DD6#528BE0#4789EB#3D87F5#3385FF
#737D8C#667A99#5978A6#4D75B2#4073BF#3370CC#266ED9#196BE6#0D69F2#0066FF
#5C6470#52627A#476085#3D5E8F#335C99#295AA3#1F58AD#1456B8#0A54C2#0052CC
#454B54#3D495C#364863#2E466B#264573#1F437A#174282#0F408A#083F91#003D99
#2E3238#29313D#243042#1F2F47#192E4D#142D52#0F2C57#0A2B5C#052A61#002966

hue = 222°
#E3E4E8#E0E3EB#DEE2ED#DBE1F0#D9E0F2#D6DFF5#D4DEF7#D1DDFA#CFDCFC#CCDBFF
#C7CAD1#C2C8D6#BDC6DB#B8C4E0#B3C2E6#ADC0EB#A8BEF0#A3BCF5#9EBAFA#99B8FF
#ABAFBA#A3ACC2#9CA9C9#94A6D1#8CA3D9#85A0E0#7D9DE8#759AF0#6E97F7#6694FF
#8F95A3#8591AD#7A8DB8#7089C2#6685CC#5C81D6#527CE0#4778EB#3D74F5#3370FF
#737A8C#667599#5970A6#4D6BB2#4066BF#3361CC#265CD9#1957E6#0D52F2#004CFF
#5C6270#525E7A#475A85#3D568F#335299#294EA3#1F49AD#1445B8#0A41C2#003DCC
#454954#3D465C#364363#2E406B#263D73#1F3A7A#173782#0F348A#083191#002E99
#2E3138#292F3D#242D42#1F2B47#19294D#142752#0F2557#0A235C#052161#001F66

hue = 228°
#E3E4E8#E0E2EB#DEE1ED#DBDFF0#D9DEF2#D6DCF5#D4DBF7#D1D9FA#CFD8FC#CCD6FF
#C7C9D1#C2C6D6#BDC3DB#B8C0E0#B3BDE6#ADBAEB#A8B7F0#A3B4F5#9EB0FA#99ADFF
#ABAEBA#A3A9C2#9CA5C9#94A0D1#8C9CD9#8597E0#7D92E8#758EF0#6E89F7#6685FF
#8F93A3#858DAD#7A87B8#7081C2#667ACC#5C74D6#526EE0#4768EB#3D62F5#335CFF
#73788C#667099#5969A6#4D61B2#4059BF#3352CC#264AD9#1942E6#0D3BF2#0033FF
#5C6070#525A7A#475485#3D4E8F#334799#2941A3#1F3BAD#1435B8#0A2FC2#0029CC
#454854#3D435C#363F63#2E3A6B#263673#1F317A#172C82#0F288A#082391#001F99
#2E3038#292D3D#242A42#1F2747#19244D#142152#0F1E57#0A1B5C#051761#001466

hue = 234°
#E3E3E8#E0E1EB#DEDFED#DBDDF0#D9DBF2#D6D9F5#D4D7F7#D1D5FA#CFD3FC#CCD1FF
#C7C8D1#C2C4D6#BDC0DB#B8BCE0#B3B8E6#ADB4EB#A8AFF0#A3ABF5#9EA7FA#99A3FF
#ABACBA#A3A6C2#9CA0C9#949AD1#8C94D9#858EE0#7D88E8#7582F0#6E7BF7#6675FF
#8F91A3#8589AD#7A81B8#7078C2#6670CC#5C68D6#5260E0#4758EB#3D50F5#3347FF
#73758C#666B99#5961A6#4D57B2#404CBF#3342CC#2638D9#192EE6#0D24F2#0019FF
#5C5E70#52567A#474E85#3D458F#333D99#2935A3#1F2DAD#1425B8#0A1DC2#0014CC
#454654#3D405C#363A63#2E346B#262E73#1F287A#172282#0F1C8A#081591#000F99
#2E2F38#292B3D#242742#1F2347#191F4D#141B52#0F1657#0A125C#050E61#000A66

hue = 240°
#E3E3E8#E0E0EB#DEDEED#DBDBF0#D9D9F2#D6D6F5#D4D4F7#D1D1FA#CFCFFC#CCCCFF
#C7C7D1#C2C2D6#BDBDDB#B8B8E0#B3B3E6#ADADEB#A8A8F0#A3A3F5#9E9EFA#9999FF
#ABABBA#A3A3C2#9C9CC9#9494D1#8C8CD9#8585E0#7D7DE8#7575F0#6E6EF7#6666FF
#8F8FA3#8585AD#7A7AB8#7070C2#6666CC#5C5CD6#5252E0#4747EB#3D3DF5#3333FF
#73738C#666699#5959A6#4D4DB2#4040BF#3333CC#2626D9#1919E6#0D0DF2#0000FF
#5C5C70#52527A#474785#3D3D8F#333399#2929A3#1F1FAD#1414B8#0A0AC2#0000CC
#454554#3D3D5C#363663#2E2E6B#262673#1F1F7A#171782#0F0F8A#080891#000099
#2E2E38#29293D#242442#1F1F47#19194D#141452#0F0F57#0A0A5C#050561#000066

hue = 246°
#E3E3E8#E1E0EB#DFDEED#DDDBF0#DBD9F2#D9D6F5#D7D4F7#D5D1FA#D3CFFC#D1CCFF
#C8C7D1#C4C2D6#C0BDDB#BCB8E0#B8B3E6#B4ADEB#AFA8F0#ABA3F5#A79EFA#A399FF
#ACABBA#A6A3C2#A09CC9#9A94D1#948CD9#8E85E0#887DE8#8275F0#7B6EF7#7566FF
#918FA3#8985AD#817AB8#7870C2#7066CC#685CD6#6052E0#5847EB#503DF5#4733FF
#75738C#6B6699#6159A6#574DB2#4C40BF#4233CC#3826D9#2E19E6#240DF2#1900FF
#5E5C70#56527A#4E4785#453D8F#3D3399#3529A3#2D1FAD#2514B8#1D0AC2#1400CC
#464554#403D5C#3A3663#342E6B#2E2673#281F7A#221782#1C0F8A#150891#0F0099
#2F2E38#2B293D#272442#231F47#1F194D#1B1452#160F57#120A5C#0E0561#0A0066

hue = 252°
#E4E3E8#E2E0EB#E1DEED#DFDBF0#DED9F2#DCD6F5#DBD4F7#D9D1FA#D8CFFC#D6CCFF
#C9C7D1#C6C2D6#C3BDDB#C0B8E0#BDB3E6#BAADEB#B7A8F0#B4A3F5#B09EFA#AD99FF
#AEABBA#A9A3C2#A59CC9#A094D1#9C8CD9#9785E0#927DE8#8E75F0#896EF7#8566FF
#938FA3#8D85AD#877AB8#8170C2#7A66CC#745CD6#6E52E0#6847EB#623DF5#5C33FF
#78738C#706699#6959A6#614DB2#5940BF#5233CC#4A26D9#4219E6#3B0DF2#3300FF
#605C70#5A527A#544785#4E3D8F#473399#4129A3#3B1FAD#3514B8#2F0AC2#2900CC
#484554#433D5C#3F3663#3A2E6B#362673#311F7A#2C1782#280F8A#230891#1F0099
#302E38#2D293D#2A2442#271F47#24194D#211452#1E0F57#1B0A5C#170561#140066

hue = 258°
#E4E3E8#E3E0EB#E2DEED#E1DBF0#E0D9F2#DFD6F5#DED4F7#DDD1FA#DCCFFC#DBCCFF
#CAC7D1#C8C2D6#C6BDDB#C4B8E0#C2B3E6#C0ADEB#BEA8F0#BCA3F5#BA9EFA#B899FF
#AFABBA#ACA3C2#A99CC9#A694D1#A38CD9#A085E0#9D7DE8#9A75F0#976EF7#9466FF
#958FA3#9185AD#8D7AB8#8970C2#8566CC#815CD6#7C52E0#7847EB#743DF5#7033FF
#7A738C#756699#7059A6#6B4DB2#6640BF#6133CC#5C26D9#5719E6#520DF2#4D00FF
#625C70#5E527A#5A4785#563D8F#523399#4E29A3#491FAD#4514B8#410AC2#3D00CC
#494554#463D5C#433663#402E6B#3D2673#3A1F7A#371782#340F8A#310891#2E0099
#312E38#2F293D#2D2442#2B1F47#29194D#271452#250F57#230A5C#210561#1F0066

hue = 264°
#E5E3E8#E4E0EB#E4DEED#E3DBF0#E3D9F2#E2D6F5#E2D4F7#E1D1FA#E1CFFC#E0CCFF
#CBC7D1#CAC2D6#C9BDDB#C8B8E0#C7B3E6#C6ADEB#C5A8F0#C4A3F5#C39EFA#C299FF
#B1ABBA#AFA3C2#AE9CC9#AC94D1#AB8CD9#A985E0#A87DE8#A675F0#A56EF7#A366FF
#978FA3#9585AD#937AB8#9170C2#8F66CC#8D5CD6#8B52E0#8947EB#873DF5#8533FF
#7D738C#7A6699#7859A6#754DB2#7340BF#7033CC#6E26D9#6B19E6#690DF2#6600FF
#645C70#62527A#604785#5E3D8F#5C3399#5A29A3#581FAD#5614B8#540AC2#5200CC
#4B4554#493D5C#483663#462E6B#452673#431F7A#421782#400F8A#3F0891#3D0099
#322E38#31293D#302442#2F1F47#2E194D#2D1452#2C0F57#2B0A5C#2A0561#290066
Save this page to any social bookmarking site! Share · search Search · store Market · star Directory
2017-06-27 · John December · Contact · Terms of Use © December Communications, Inc.