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°
Purples
270° to 354°
You are here
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 = 270°
#E6E3E8#E6E0EB#E6DEED#E6DBF0#E6D9F2#E6D6F5#E5D4F7#E5D1FA#E5CFFC#E5CCFF
#CCC7D1#CCC2D6#CCBDDB#CCB8E0#CCB3E6#CCADEB#CCA8F0#CCA3F5#CC9EFA#CC99FF
#B2ABBA#B2A3C2#B29CC9#B294D1#B28CD9#B285E0#B27DE8#B275F0#B26EF7#B266FF
#998FA3#9985AD#997AB8#9970C2#9966CC#995CD6#9952E0#9947EB#993DF5#9933FF
#7F738C#7F6699#7F59A6#7F4DB2#7F40BF#7F33CC#7F26D9#7F19E6#7F0DF2#7F00FF
#665C70#66527A#664785#663D8F#663399#6629A3#661FAD#6614B8#660AC2#6600CC
#4C4554#4C3D5C#4C3663#4C2E6B#4C2673#4C1F7A#4C1782#4C0F8A#4C0891#4C0099
#332E38#33293D#332442#331F47#33194D#331452#330F57#330A5C#330561#330066

hue = 276°
#E6E3E8#E7E0EB#E7DEED#E8DBF0#E8D9F2#E9D6F5#E9D4F7#EAD1FA#EACFFC#EBCCFF
#CDC7D1#CEC2D6#CFBDDB#D0B8E0#D1B3E6#D2ADEB#D3A8F0#D4A3F5#D59EFA#D699FF
#B4ABBA#B6A3C2#B79CC9#B994D1#BA8CD9#BC85E0#BD7DE8#BF75F0#C06EF7#C266FF
#9B8FA3#9D85AD#9F7AB8#A170C2#A366CC#A55CD6#A752E0#A947EB#AB3DF5#AD33FF
#82738C#856699#8759A6#8A4DB2#8C40BF#8F33CC#9126D9#9419E6#960DF2#9900FF
#685C70#6A527A#6C4785#6E3D8F#703399#7229A3#741FAD#7614B8#780AC2#7A00CC
#4E4554#503D5C#513663#532E6B#542673#561F7A#571782#590F8A#5A0891#5C0099
#342E38#35293D#362442#371F47#38194D#391452#3A0F57#3B0A5C#3C0561#3D0066

hue = 282°
#E7E3E8#E8E0EB#E9DEED#EADBF0#EBD9F2#ECD6F5#EDD4F7#EED1FA#EFCFFC#F0CCFF
#CEC7D1#D0C2D6#D2BDDB#D4B8E0#D6B3E6#D8ADEB#DAA8F0#DCA3F5#DE9EFA#E099FF
#B6ABBA#B9A3C2#BC9CC9#BF94D1#C28CD9#C585E0#C87DE8#CB75F0#CE6EF7#D166FF
#9D8FA3#A185AD#A57AB8#A970C2#AD66CC#B15CD6#B652E0#BA47EB#BE3DF5#C233FF
#85738C#8A6699#8F59A6#944DB2#9940BF#9E33CC#A326D9#A819E6#AD0DF2#B300FF
#6A5C70#6E527A#724785#763D8F#7A3399#7E29A3#831FAD#8714B8#8B0AC2#8F00CC
#504554#533D5C#563663#592E6B#5C2673#5F1F7A#621782#650F8A#680891#6B0099
#352E38#37293D#392442#3B1F47#3D194D#3F1452#410F57#430A5C#450561#470066

hue = 288°
#E7E3E8#E9E0EB#EADEED#ECDBF0#EDD9F2#EFD6F5#F0D4F7#F2D1FA#F3CFFC#F5CCFF
#CFC7D1#D2C2D6#D5BDDB#D8B8E0#DBB3E6#DEADEB#E1A8F0#E4A3F5#E89EFA#EB99FF
#B7ABBA#BCA3C2#C09CC9#C594D1#C98CD9#CE85E0#D37DE8#D775F0#DC6EF7#E066FF
#9F8FA3#A585AD#AB7AB8#B170C2#B866CC#BE5CD6#C452E0#CA47EB#D03DF5#D633FF
#87738C#8F6699#9659A6#9E4DB2#A640BF#AD33CC#B526D9#BD19E6#C40DF2#CC00FF
#6C5C70#72527A#784785#7E3D8F#853399#8B29A3#911FAD#9714B8#9D0AC2#A300CC
#514554#563D5C#5A3663#5F2E6B#632673#681F7A#6D1782#710F8A#760891#7A0099
#362E38#39293D#3C2442#3F1F47#42194D#451452#480F57#4B0A5C#4F0561#520066

hue = 294°
#E8E3E8#EAE0EB#ECDEED#EEDBF0#F0D9F2#F2D6F5#F4D4F7#F6D1FA#F8CFFC#FACCFF
#D0C7D1#D4C2D6#D8BDDB#DCB8E0#E0B3E6#E4ADEB#E9A8F0#EDA3F5#F19EFA#F599FF
#B9ABBA#BFA3C2#C59CC9#CB94D1#D18CD9#D785E0#DD7DE8#E375F0#EA6EF7#F066FF
#A18FA3#A985AD#B17AB8#BA70C2#C266CC#CA5CD6#D252E0#DA47EB#E23DF5#EB33FF
#8A738C#946699#9E59A6#A84DB2#B240BF#BD33CC#C726D9#D119E6#DB0DF2#E500FF
#6E5C70#76527A#7E4785#873D8F#8F3399#9729A3#9F1FAD#A714B8#AF0AC2#B800CC
#534554#593D5C#5F3663#652E6B#6B2673#711F7A#771782#7D0F8A#840891#8A0099
#372E38#3B293D#3F2442#431F47#47194D#4B1452#500F57#540A5C#580561#5C0066

hue = 300°
#E8E3E8#EBE0EB#EDDEED#F0DBF0#F2D9F2#F5D6F5#F7D4F7#FAD1FA#FCCFFC#FFCCFF
#D1C7D1#D6C2D6#DBBDDB#E0B8E0#E6B3E6#EBADEB#F0A8F0#F5A3F5#FA9EFA#FF99FF
#BAABBA#C2A3C2#C99CC9#D194D1#D98CD9#E085E0#E87DE8#F075F0#F76EF7#FF66FF
#A38FA3#AD85AD#B87AB8#C270C2#CC66CC#D65CD6#E052E0#EB47EB#F53DF5#FF33FF
#8C738C#996699#A659A6#B24DB2#BF40BF#CC33CC#D926D9#E619E5#F20DF2#FF00FF
#705C70#7A527A#854785#8F3D8F#993399#A329A3#AD1FAD#B814B8#C20AC2#CC00CC
#544554#5C3D5C#633663#6B2E6B#732673#7A1F7A#821782#8A0F8A#910891#990099
#382E38#3D293D#422442#471F47#4D194C#521452#570F57#5C0A5C#610561#660066

hue = 306°
#E8E3E8#EBE0EA#EDDEEC#F0DBEE#F2D9F0#F5D6F2#F7D4F4#FAD1F6#FCCFF8#FFCCFA
#D1C7D0#D6C2D4#DBBDD8#E0B8DC#E6B3E0#EBADE4#F0A8E9#F5A3ED#FA9EF1#FF99F5
#BAABB9#C2A3BF#C99CC5#D194CB#D98CD1#E085D7#E87DDD#F075E3#F76EEA#FF66F0
#A38FA1#AD85A9#B87AB1#C270BA#CC66C2#D65CCA#E052D2#EB47DA#F53DE2#FF33EB
#8C738A#996694#A6599E#B24DA8#BF40B3#CC33BD#D926C7#E619D1#F20DDB#FF00E6
#705C6E#7A5276#85477E#8F3D87#99338F#A32997#AD1F9F#B814A7#C20AAF#CC00B8
#544553#5C3D59#63365F#6B2E65#73266B#7A1F71#821777#8A0F7D#910884#99008A
#382E37#3D293B#42243F#471F43#4D1947#52144B#570F50#5C0A54#610558#66005C

hue = 312°
#E8E3E7#EBE0E9#EDDEEA#F0DBEC#F2D9ED#F5D6EF#F7D4F0#FAD1F2#FCCFF3#FFCCF5
#D1C7CF#D6C2D2#DBBDD5#E0B8D8#E6B3DB#EBADDE#F0A8E1#F5A3E4#FA9EE8#FF99EB
#BAABB7#C2A3BC#C99CC0#D194C5#D98CC9#E085CE#E87DD3#F075D7#F76EDC#FF66E0
#A38F9F#AD85A5#B87AAB#C270B1#CC66B8#D65CBE#E052C4#EB47CA#F53DD0#FF33D6
#8C7387#99668F#A65996#B24D9E#BF40A6#CC33AD#D926B5#E619BD#F20DC4#FF00CC
#705C6C#7A5272#854778#8F3D7E#993385#A3298B#AD1F91#B81497#C20A9D#CC00A3
#544551#5C3D56#63365A#6B2E5F#732663#7A1F68#82176D#8A0F71#910876#99007A
#382E36#3D2939#42243C#471F3F#4D1942#521445#570F48#5C0A4B#61054F#660052

hue = 318°
#E8E3E7#EBE0E8#EDDEE9#F0DBEA#F2D9EB#F5D6EC#F7D4ED#FAD1EE#FCCFEF#FFCCF0
#D1C7CE#D6C2D0#DBBDD2#E0B8D4#E6B3D6#EBADD8#F0A8DA#F5A3DC#FA9EDE#FF99E0
#BAABB6#C2A3B9#C99CBC#D194BF#D98CC2#E085C5#E87DC8#F075CB#F76ECE#FF66D1
#A38F9D#AD85A1#B87AA5#C270A9#CC66AD#D65CB1#E052B6#EB47BA#F53DBE#FF33C2
#8C7385#99668A#A6598F#B24D94#BF4099#CC339E#D926A3#E619A8#F20DAD#FF00B2
#705C6A#7A526E#854772#8F3D76#99337A#A3297E#AD1F83#B81487#C20A8B#CC008F
#544550#5C3D53#633656#6B2E59#73265C#7A1F5F#821762#8A0F65#910868#99006B
#382E35#3D2937#422439#471F3B#4D193D#52143F#570F41#5C0A43#610545#660047

hue = 324°
#E8E3E6#EBE0E7#EDDEE7#F0DBE8#F2D9E8#F5D6E9#F7D4E9#FAD1EA#FCCFEA#FFCCEB
#D1C7CD#D6C2CE#DBBDCF#E0B8D0#E6B3D1#EBADD2#F0A8D3#F5A3D4#FA9ED5#FF99D6
#BAABB4#C2A3B6#C99CB7#D194B9#D98CBA#E085BC#E87DBD#F075BF#F76EC0#FF66C2
#A38F9B#AD859D#B87A9F#C270A1#CC66A3#D65CA5#E052A7#EB47A9#F53DAB#FF33AD
#8C7382#996685#A65987#B24D8A#BF408C#CC338F#D92691#E61994#F20D96#FF0099
#705C68#7A526A#85476C#8F3D6E#993370#A32972#AD1F74#B81476#C20A78#CC007A
#54454E#5C3D50#633651#6B2E53#732654#7A1F56#821757#8A0F59#91085A#99005C
#382E34#3D2935#422436#471F37#4D1938#521439#570F3A#5C0A3B#61053C#66003D

hue = 330°
#E8E3E6#EBE0E6#EDDEE6#F0DBE6#F2D9E6#F5D6E6#F7D4E6#FAD1E6#FCCFE6#FFCCE6
#D1C7CC#D6C2CC#DBBDCC#E0B8CC#E6B3CC#EBADCC#F0A8CC#F5A3CC#FA9ECC#FF99CC
#BAABB2#C2A3B2#C99CB2#D194B2#D98CB3#E085B3#E87DB3#F075B3#F76EB3#FF66B3
#A38F99#AD8599#B87A99#C27099#CC6699#D65C99#E05299#EB4799#F53D99#FF3399
#8C7380#996680#A65980#B24D80#BF4080#CC3380#D92680#E61980#F20D80#FF0080
#705C66#7A5266#854766#8F3D66#993366#A32966#AD1F66#B81466#C20A66#CC0066
#54454C#5C3D4C#63364D#6B2E4D#73264D#7A1F4D#82174D#8A0F4D#91084D#99004D
#382E33#3D2933#422433#471F33#4D1933#521433#570F33#5C0A33#610533#660033

hue = 336°
#E8E3E5#EBE0E4#EDDEE4#F0DBE3#F2D9E3#F5D6E2#F7D4E2#FAD1E1#FCCFE1#FFCCE0
#D1C7CB#D6C2CA#DBBDC9#E0B8C8#E6B3C7#EBADC6#F0A8C5#F5A3C4#FA9EC3#FF99C2
#BAABB1#C2A3AF#C99CAE#D194AC#D98CAB#E085A9#E87DA8#F075A6#F76EA5#FF66A3
#A38F97#AD8595#B87A93#C27091#CC668F#D65C8D#E0528B#EB4789#F53D87#FF3385
#8C737D#99667A#A65978#B24D75#BF4073#CC3370#D9266E#E6196B#F20D69#FF0066
#705C64#7A5262#854760#8F3D5E#99335C#A3295A#AD1F58#B81456#C20A54#CC0052
#54454B#5C3D49#633648#6B2E46#732645#7A1F43#821742#8A0F40#91083F#99003D
#382E32#3D2931#422430#471F2F#4D192E#52142D#570F2C#5C0A2B#61052A#660029

hue = 342°
#E8E3E4#EBE0E3#EDDEE2#F0DBE1#F2D9E0#F5D6DF#F7D4DE#FAD1DD#FCCFDC#FFCCDB
#D1C7CA#D6C2C8#DBBDC6#E0B8C4#E6B3C2#EBADC0#F0A8BE#F5A3BC#FA9EBA#FF99B8
#BAABAF#C2A3AC#C99CA9#D194A6#D98CA3#E085A0#E87D9D#F0759A#F76E97#FF6694
#A38F95#AD8591#B87A8D#C27089#CC6685#D65C81#E0527C#EB4778#F53D74#FF3370
#8C737A#996675#A65970#B24D6B#BF4066#CC3361#D9265C#E61957#F20D52#FF004C
#705C62#7A525E#85475A#8F3D56#993352#A3294E#AD1F49#B81445#C20A41#CC003D
#544549#5C3D46#633643#6B2E40#73263D#7A1F3A#821737#8A0F34#910831#99002E
#382E31#3D292F#42242D#471F2B#4D1929#521427#570F25#5C0A23#610521#66001F

hue = 348°
#E8E3E4#EBE0E2#EDDEE1#F0DBDF#F2D9DE#F5D6DC#F7D4DB#FAD1D9#FCCFD8#FFCCD6
#D1C7C9#D6C2C6#DBBDC3#E0B8C0#E6B3BD#EBADBA#F0A8B7#F5A3B4#FA9EB0#FF99AD
#BAABAE#C2A3A9#C99CA5#D194A0#D98C9C#E08597#E87D92#F0758E#F76E89#FF6685
#A38F93#AD858D#B87A87#C27081#CC667A#D65C74#E0526E#EB4768#F53D62#FF335C
#8C7378#996670#A65969#B24D61#BF4059#CC3352#D9264A#E61942#F20D3B#FF0033
#705C60#7A525A#854754#8F3D4E#993347#A32941#AD1F3B#B81435#C20A2F#CC0029
#544548#5C3D43#63363F#6B2E3A#732636#7A1F31#82172C#8A0F28#910823#99001F
#382E30#3D292D#42242A#471F27#4D1924#521421#570F1E#5C0A1B#610517#660014

hue = 354°
#E8E3E3#EBE0E1#EDDEDF#F0DBDD#F2D9DB#F5D6D9#F7D4D7#FAD1D5#FCCFD3#FFCCD1
#D1C7C8#D6C2C4#DBBDC0#E0B8BC#E6B3B8#EBADB4#F0A8AF#F5A3AB#FA9EA7#FF99A3
#BAABAC#C2A3A6#C99CA0#D1949A#D98C94#E0858E#E87D88#F07582#F76E7B#FF6675
#A38F91#AD8589#B87A81#C27078#CC6670#D65C68#E05260#EB4758#F53D50#FF3347
#8C7375#99666B#A65961#B24D57#BF404D#CC3342#D92638#E6192E#F20D24#FF001A
#705C5E#7A5256#85474E#8F3D45#99333D#A32935#AD1F2D#B81425#C20A1D#CC0014
#544546#5C3D40#63363A#6B2E34#73262E#7A1F28#821722#8A0F1C#910815#99000F
#382E2F#3D292B#422427#471F23#4D191F#52141B#570F16#5C0A12#61050E#66000A
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.