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°
You are here
Greens
90° to 174°
Blues
180° to 264°
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 = 0°
#E8E3E3

 
#EBE0E0#EDDEDE#F0DBDB#F2D9D9#F5D6D6#F7D4D4#FAD1D1#FCCFCF#FFCCCC
#D1C7C7

 
#D6C2C2#DBBDBD#E0B8B8#E6B3B3#EBADAD#F0A8A8#F5A3A3#FA9E9E#FF9999
#BAABAB

 
#C2A3A3#C99C9C#D19494#D98C8C#E08585#E87D7D#F07575#F76E6E#FF6666
#A38F8F

 
#AD8585#B87A7A#C27070#CC6666#D65C5C#E05252#EB4747#F53D3D#FF3333
#8C7373

 
#996666#A65959#B24D4D#BF4040#CC3333#D92626#E61919#F20D0D#FF0000
#705C5C

 
#7A5252#854747#8F3D3D#993333#A32929#AD1F1F#B81414#C20A0A#CC0000
#544545

 
#5C3D3D#633636#6B2E2E#732626#7A1F1F#821717#8A0F0F#910808#990000
#382E2E

 
#3D2929#422424#471F1F#4D1919#521414#570F0F#5C0A0A#610505#660000

hue = 6°
#E8E3E3

 
#EBE1E0#EDDFDE#F0DDDB#F2DBD9#F5D9D6#F7D7D4#FAD5D1#FCD3CF#FFD1CC
#D1C8C7

 
#D6C4C2#DBC0BD#E0BCB8#E6B8B3#EBB4AD#F0AFA8#F5ABA3#FAA79E#FFA399
#BAACAB

 
#C2A6A3#C9A09C#D19A94#D9948C#E08E85#E8887D#F08275#F77B6E#FF7566
#A3918F

 
#AD8985#B8817A#C27870#CC7066#D6685C#E06052#EB5847#F5503D#FF4733
#8C7573

 
#996B66#A66159#B2574D#BF4C40#CC4233#D93826#E62E19#F2240D#FF1A00
#705E5C

 
#7A5652#854E47#8F453D#993D33#A33529#AD2D1F#B82514#C21D0A#CC1400
#544645

 
#5C403D#633A36#6B342E#732E26#7A281F#822217#8A1C0F#911508#990F00
#382F2E

 
#3D2B29#422724#47231F#4D1F19#521B14#57160F#5C120A#610E05#660A00

hue = 12°
#E8E4E3

 
#EBE2E0#EDE1DE#F0DFDB#F2DED9#F5DCD6#F7DBD4#FAD9D1#FCD8CF#FFD6CC
#D1C9C7

 
#D6C6C2#DBC3BD#E0C0B8#E6BDB3#EBBAAD#F0B7A8#F5B4A3#FAB09E#FFAD99
#BAAEAB

 
#C2A9A3#C9A59C#D1A094#D99C8C#E09785#E8927D#F08E75#F7896E#FF8566
#A3938F

 
#AD8D85#B8877A#C28170#CC7A66#D6745C#E06E52#EB6847#F5623D#FF5C33
#8C7873

 
#997066#A66959#B2614D#BF5940#CC5233#D94A26#E64219#F23B0D#FF3300
#70605C

 
#7A5A52#855447#8F4E3D#994733#A34129#AD3B1F#B83514#C22F0A#CC2900
#544845

 
#5C433D#633F36#6B3A2E#733626#7A311F#822C17#8A280F#912308#991F00
#38302E

 
#3D2D29#422A24#47271F#4D2419#522114#571E0F#5C1B0A#611705#661400

hue = 18°
#E8E4E3

 
#EBE3E0#EDE2DE#F0E1DB#F2E0D9#F5DFD6#F7DED4#FADDD1#FCDCCF#FFDBCC
#D1CAC7

 
#D6C8C2#DBC6BD#E0C4B8#E6C2B3#EBC0AD#F0BEA8#F5BCA3#FABA9E#FFB899
#BAAFAB

 
#C2ACA3#C9A99C#D1A694#D9A38C#E0A085#E89D7D#F09A75#F7976E#FF9466
#A3958F

 
#AD9185#B88D7A#C28970#CC8566#D6815C#E07C52#EB7847#F5743D#FF7033
#8C7A73

 
#997566#A67059#B26B4D#BF6640#CC6133#D95C26#E65719#F2520D#FF4D00
#70625C

 
#7A5E52#855A47#8F563D#995233#A34E29#AD491F#B84514#C2410A#CC3D00
#544945

 
#5C463D#634336#6B402E#733D26#7A3A1F#823717#8A340F#913108#992E00
#38312E

 
#3D2F29#422D24#472B1F#4D2919#522714#57250F#5C230A#612105#661F00

hue = 24°
#E8E5E3

 
#EBE4E0#EDE4DE#F0E3DB#F2E3D9#F5E2D6#F7E2D4#FAE1D1#FCE1CF#FFE0CC
#D1CBC7

 
#D6CAC2#DBC9BD#E0C8B8#E6C7B3#EBC6AD#F0C5A8#F5C4A3#FAC39E#FFC299
#BAB1AB

 
#C2AFA3#C9AE9C#D1AC94#D9AB8C#E0A985#E8A87D#F0A675#F7A56E#FFA366
#A3978F

 
#AD9585#B8937A#C29170#CC8F66#D68D5C#E08B52#EB8947#F5873D#FF8533
#8C7D73

 
#997A66#A67859#B2754D#BF7340#CC7033#D96E26#E66B19#F2690D#FF6600
#70645C

 
#7A6252#856047#8F5E3D#995C33#A35A29#AD581F#B85614#C2540A#CC5200
#544B45

 
#5C493D#634836#6B462E#734526#7A431F#824217#8A400F#913F08#993D00
#38322E

 
#3D3129#423024#472F1F#4D2E19#522D14#572C0F#5C2B0A#612A05#662900

hue = 30°
#E8E6E3

 
#EBE6E0#EDE6DE#F0E6DB#F2E6D9#F5E6D6#F7E6D4#FAE6D1#FCE6CF#FFE6CC
#D1CCC7

 
#D6CCC2#DBCCBD#E0CCB8#E6CCB3#EBCCAD#F0CCA8#F5CCA3#FACC9E#FFCC99
#BAB2AB

 
#C2B2A3#C9B29C#D1B294#D9B28C#E0B285#E8B27D#F0B275#F7B26E#FFB266
#A3998F

 
#AD9985#B8997A#C29970#CC9966#D6995C#E09952#EB9947#F5993D#FF9933
#8C8073

 
#998066#A68059#B2804D#BF8040#CC8033#D98026#E68019#F2800D#FF8000
#70665C

 
#7A6652#856647#8F663D#996633#A36629#AD661F#B86614#C2660A#CC6600
#544C45

 
#5C4C3D#634C36#6B4C2E#734C26#7A4C1F#824C17#8A4C0F#914C08#994C00
#38332E

 
#3D3329#423324#47331F#4D3319#523314#57330F#5C330A#613305#663300

hue = 36°
#E8E6E3

 
#EBE7E0#EDE7DE#F0E8DB#F2E8D9#F5E9D6#F7E9D4#FAEAD1#FCEACF#FFEBCC
#D1CDC7

 
#D6CEC2#DBCFBD#E0D0B8#E6D1B3#EBD2AD#F0D3A8#F5D4A3#FAD59E#FFD699
#BAB4AB

 
#C2B6A3#C9B79C#D1B994#D9BA8C#E0BC85#E8BD7D#F0BF75#F7C06E#FFC266
#A39B8F

 
#AD9D85#B89F7A#C2A170#CCA366#D6A55C#E0A752#EBA947#F5AB3D#FFAD33
#8C8273

 
#998566#A68759#B28A4D#BF8C40#CC8F33#D99126#E69419#F2960D#FF9900
#70685C

 
#7A6A52#856C47#8F6E3D#997033#A37229#AD741F#B87614#C2780A#CC7A00
#544E45

 
#5C503D#635136#6B532E#735426#7A561F#825717#8A590F#915A08#995C00
#38342E

 
#3D3529#423624#47371F#4D3819#523914#573A0F#5C3B0A#613C05#663D00

hue = 42°
#E8E7E3

 
#EBE8E0#EDE9DE#F0EADB#F2EBD9#F5ECD6#F7EDD4#FAEED1#FCEFCF#FFF0CC
#D1CEC7

 
#D6D0C2#DBD2BD#E0D4B8#E6D6B3#EBD8AD#F0DAA8#F5DCA3#FADE9E#FFE099
#BAB6AB

 
#C2B9A3#C9BC9C#D1BF94#D9C28C#E0C585#E8C87D#F0CB75#F7CE6E#FFD166
#A39D8F

 
#ADA185#B8A57A#C2A970#CCAD66#D6B15C#E0B652#EBBA47#F5BE3D#FFC233
#8C8573

 
#998A66#A68F59#B2944D#BF9940#CC9E33#D9A326#E6A819#F2AD0D#FFB200
#706A5C

 
#7A6E52#857247#8F763D#997A33#A37E29#AD831F#B88714#C28B0A#CC8F00
#545045

 
#5C533D#635636#6B592E#735C26#7A5F1F#826217#8A650F#916808#996B00
#38352E

 
#3D3729#423924#473B1F#4D3D19#523F14#57410F#5C430A#614505#664700

hue = 48°
#E8E7E3

 
#EBE9E0#EDEADE#F0ECDB#F2EDD9#F5EFD6#F7F0D4#FAF2D1#FCF3CF#FFF5CC
#D1CFC7

 
#D6D2C2#DBD5BD#E0D8B8#E6DBB3#EBDEAD#F0E1A8#F5E4A3#FAE89E#FFEB99
#BAB7AB

 
#C2BCA3#C9C09C#D1C594#D9C98C#E0CE85#E8D37D#F0D775#F7DC6E#FFE066
#A39F8F

 
#ADA585#B8AB7A#C2B170#CCB866#D6BE5C#E0C452#EBCA47#F5D03D#FFD633
#8C8773

 
#998F66#A69659#B29E4D#BFA640#CCAD33#D9B526#E6BD19#F2C40D#FFCC00
#706C5C

 
#7A7252#857847#8F7E3D#998533#A38B29#AD911F#B89714#C29D0A#CCA300
#545145

 
#5C563D#635A36#6B5F2E#736326#7A681F#826D17#8A710F#917608#997A00
#38362E

 
#3D3929#423C24#473F1F#4D4219#524514#57480F#5C4B0A#614F05#665200

hue = 54°
#E8E8E3

 
#EBEAE0#EDECDE#F0EEDB#F2F0D9#F5F2D6#F7F4D4#FAF6D1#FCF8CF#FFFACC
#D1D0C7

 
#D6D4C2#DBD8BD#E0DCB8#E6E0B3#EBE4AD#F0E9A8#F5EDA3#FAF19E#FFF599
#BAB9AB

 
#C2BFA3#C9C59C#D1CB94#D9D18C#E0D785#E8DD7D#F0E375#F7EA6E#FFF066
#A3A18F

 
#ADA985#B8B17A#C2BA70#CCC266#D6CA5C#E0D252#EBDA47#F5E23D#FFEB33
#8C8A73

 
#999466#A69E59#B2A84D#BFB240#CCBD33#D9C726#E6D119#F2DB0D#FFE500
#706E5C

 
#7A7652#857E47#8F873D#998F33#A39729#AD9F1F#B8A714#C2AF0A#CCB800
#545345

 
#5C593D#635F36#6B652E#736B26#7A711F#827717#8A7D0F#918408#998A00
#38372E

 
#3D3B29#423F24#47431F#4D4719#524B14#57500F#5C540A#615805#665C00

hue = 60°
#E8E8E3

 
#EBEBE0#EDEDDE#F0F0DB#F2F2D9#F5F5D6#F7F7D4#FAFAD1#FCFCCF#FFFFCC
#D1D1C7

 
#D6D6C2#DBDBBD#E0E0B8#E6E6B3#EBEBAD#F0F0A8#F5F5A3#FAFA9E#FFFF99
#BABAAB

 
#C2C2A3#C9C99C#D1D194#D9D98C#E0E085#E8E87D#F0F075#F7F76E#FFFF66
#A3A38F

 
#ADAD85#B8B87A#C2C270#CCCC66#D6D65C#E0E052#EBEB47#F5F53D#FFFF33
#8C8C73

 
#999966#A6A659#B2B24D#BFBF40#CCCC33#D9D926#E5E619#F2F20D#FFFF00
#70705C

 
#7A7A52#858547#8F8F3D#999933#A3A329#ADAD1F#B8B814#C2C20A#CCCC00
#545445

 
#5C5C3D#636336#6B6B2E#737326#7A7A1F#828217#8A8A0F#919108#999900
#38382E

 
#3D3D29#424224#47471F#4C4D19#525214#57570F#5C5C0A#616105#666600

hue = 66°
#E8E8E3

 
#EAEBE0#ECEDDE#EEF0DB#F0F2D9#F2F5D6#F4F7D4#F6FAD1#F8FCCF#FAFFCC
#D0D1C7

 
#D4D6C2#D8DBBD#DCE0B8#E0E6B3#E4EBAD#E9F0A8#EDF5A3#F1FA9E#F5FF99
#B9BAAB

 
#BFC2A3#C5C99C#CBD194#D1D98C#D7E085#DDE87D#E3F075#EAF76E#F0FF66
#A1A38F

 
#A9AD85#B1B87A#BAC270#C2CC66#CAD65C#D2E052#DAEB47#E2F53D#EBFF33
#8A8C73

 
#949966#9EA659#A8B24D#B3BF40#BDCC33#C7D926#D1E619#DBF20D#E6FF00
#6E705C

 
#767A52#7E8547#878F3D#8F9933#97A329#9FAD1F#A7B814#AFC20A#B8CC00
#535445

 
#595C3D#5F6336#656B2E#6B7326#717A1F#778217#7D8A0F#849108#8A9900
#37382E

 
#3B3D29#3F4224#43471F#474D19#4B5214#50570F#545C0A#586105#5C6600

hue = 72°
#E7E8E3

 
#E9EBE0#EAEDDE#ECF0DB#EDF2D9#EFF5D6#F0F7D4#F2FAD1#F3FCCF#F5FFCC
#CFD1C7

 
#D2D6C2#D5DBBD#D8E0B8#DBE6B3#DEEBAD#E1F0A8#E4F5A3#E8FA9E#EBFF99
#B7BAAB

 
#BCC2A3#C0C99C#C5D194#C9D98C#CEE085#D3E87D#D7F075#DCF76E#E0FF66
#9FA38F

 
#A5AD85#ABB87A#B1C270#B8CC66#BED65C#C4E052#CAEB47#D0F53D#D6FF33
#878C73

 
#8F9966#96A659#9EB24D#A6BF40#ADCC33#B5D926#BDE619#C4F20D#CCFF00
#6C705C

 
#727A52#788547#7E8F3D#859933#8BA329#91AD1F#97B814#9DC20A#A3CC00
#515445

 
#565C3D#5A6336#5F6B2E#637326#687A1F#6D8217#718A0F#769108#7A9900
#36382E

 
#393D29#3C4224#3F471F#424D19#455214#48570F#4B5C0A#4F6105#526600

hue = 78°
#E7E8E3

 
#E8EBE0#E9EDDE#EAF0DB#EBF2D9#ECF5D6#EDF7D4#EEFAD1#EFFCCF#F0FFCC
#CED1C7

 
#D0D6C2#D2DBBD#D4E0B8#D6E6B3#D8EBAD#DAF0A8#DCF5A3#DEFA9E#E0FF99
#B6BAAB

 
#B9C2A3#BCC99C#BFD194#C2D98C#C5E085#C8E87D#CBF075#CEF76E#D1FF66
#9DA38F

 
#A1AD85#A5B87A#A9C270#ADCC66#B1D65C#B6E052#BAEB47#BEF53D#C2FF33
#858C73

 
#8A9966#8FA659#94B24D#99BF40#9ECC33#A3D926#A8E619#ADF20D#B2FF00
#6A705C

 
#6E7A52#728547#768F3D#7A9933#7EA329#83AD1F#87B814#8BC20A#8FCC00
#505445

 
#535C3D#566336#596B2E#5C7326#5F7A1F#628217#658A0F#689108#6B9900
#35382E

 
#373D29#394224#3B471F#3D4D19#3F5214#41570F#435C0A#456105#476600

hue = 84°
#E6E8E3

 
#E7EBE0#E7EDDE#E8F0DB#E8F2D9#E9F5D6#E9F7D4#EAFAD1#EAFCCF#EBFFCC
#CDD1C7

 
#CED6C2#CFDBBD#D0E0B8#D1E6B3#D2EBAD#D3F0A8#D4F5A3#D5FA9E#D6FF99
#B4BAAB

 
#B6C2A3#B7C99C#B9D194#BAD98C#BCE085#BDE87D#BFF075#C0F76E#C2FF66
#9BA38F

 
#9DAD85#9FB87A#A1C270#A3CC66#A5D65C#A7E052#A9EB47#ABF53D#ADFF33
#828C73

 
#859966#87A659#8AB24D#8CBF40#8FCC33#91D926#94E619#96F20D#99FF00
#68705C

 
#6A7A52#6C8547#6E8F3D#709933#72A329#74AD1F#76B814#78C20A#7ACC00
#4E5445

 
#505C3D#516336#536B2E#547326#567A1F#578217#598A0F#5A9108#5C9900
#34382E

 
#353D29#364224#37471F#384D19#395214#3A570F#3B5C0A#3C6105#3D6600

Hues Hub: 0° to 84° / 90° to 174° / 180° to 264° / 270° to 354°

Save this page to any social bookmarking site! Bookmark · Search · Market
2009-02-03 · John December · Contact · Terms of Use © December Communications, Inc.