Hexadecimal Color Code Chips Table (Hue at 10° of separation)
This page shows color chips generated at regular intervals and defined by the six-digit hexadecimal representation of color of the form #RRGGBB, where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color. You can
use this Generated Chips chart to set up color schemes.
Using a hexadecimal code is the most reliable of the several ways you can define colors in HTML or style sheets; you can use a quick reference table to help you choose from among the many color tables available.
The colors in chart below have been generated to show values at regular intervals of hue (10°), saturation (10%), and light (10%). If you want a larger separation of hue, you can look at a chart like this defined for each 30° of hue. If you want a smaller separation of hue, you can look at a chart like this defined for each 6° of hue.
Note that the color swatch is defined using the hexadecimal red, green, and blue value. To see a chart defined using hue, saturation, and light, see the the generated HSL table which shows the numerical hue, saturation, and light values for the corresponding colors on this page.)
The hue value increase by 10° in successive charts through red, orange, yellow, green, blue, indigo, and violet. The saturation values vary by column, with the highest saturation to the right of each chart. The light values vary by row, with the highest light to the top of each chart.
Low or high light and low saturation values are not shown, as they are either very dark or white (for example 100% light is white for any hue; 0% light is black for any hue; 0% saturation is a shade of gray for any hue.)
Here are the shades of gray for 0% saturation that would be the column at the start of each table for any of the hues:
#E5E5E5 | #CCCCCC | #B2B2B2 | #999999 | #808080 | #666666 | #4D4D4D | #333333 |
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 = 10°
#E8E4E3 | #EBE2E0 | #EDE0DE | #F0DFDB | #F2DDD9 | #F5DBD6 | #F7DAD4 | #FAD8D1 | #FCD6CF | #FFD5CC
|
#D1C9C7 | #D6C5C2 | #DBC2BD | #E0BEB8 | #E6BBB3 | #EBB8AD | #F0B4A8 | #F5B1A3 | #FAAD9E | #FFAA99
|
#BAADAB | #C2A8A3 | #C9A39C | #D19E94 | #D9998C | #E09485 | #E88F7D | #F08A75 | #F7856E | #FF7F66
|
#A3928F | #AD8B85 | #B8857A | #C27E70 | #CC7766 | #D6705C | #E06952 | #EB6347 | #F55C3D | #FF5533
|
#8C7773 | #996F66 | #A66659 | #B25E4D | #BF5540 | #CC4C33 | #D94426 | #E63B19 | #F2330D | #FF2A00
|
#705F5C | #7A5852 | #855247 | #8F4B3D | #994433 | #A33D29 | #AD361F | #B83014 | #C2290A | #CC2200
|
#544745 | #5C423D | #633D36 | #6B382E | #733326 | #7A2E1F | #822917 | #8A240F | #911F08 | #991900
|
#38302E | #3D2C29 | #422924 | #47251F | #4D2219 | #521F14 | #571B0F | #5C180A | #611405 | #661100 |
hue = 20°
#E8E5E3 | #EBE4E0 | #EDE3DE | #F0E2DB | #F2E1D9 | #F5E0D6 | #F7E0D4 | #FADFD1 | #FCDECF | #FFDDCC
|
#D1CAC7 | #D6C9C2 | #DBC7BD | #E0C5B8 | #E6C4B3 | #EBC2AD | #F0C0A8 | #F5BEA3 | #FABD9E | #FFBB99
|
#BAB0AB | #C2ADA3 | #C9AB9C | #D1A894 | #D9A68C | #E0A385 | #E8A17D | #F09E75 | #F79C6E | #FF9966
|
#A3968F | #AD9285 | #B88F7A | #C28B70 | #CC8866 | #D6855C | #E08152 | #EB7E47 | #F57A3D | #FF7733
|
#8C7B73 | #997766 | #A67359 | #B26F4D | #BF6A40 | #CC6633 | #D96226 | #E65D19 | #F2590D | #FF5500
|
#70635C | #7A5F52 | #855C47 | #8F583D | #995533 | #A35229 | #AD4E1F | #B84B14 | #C2470A | #CC4400
|
#544A45 | #5C473D | #634536 | #6B422E | #734026 | #7A3D1F | #823B17 | #8A380F | #913608 | #993300
|
#38312E | #3D3029 | #422E24 | #472C1F | #4D2A19 | #522914 | #57270F | #5C250A | #612405 | #662200 |
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 = 40°
#E8E6E3 | #EBE7E0 | #EDE8DE | #F0E9DB | #F2EAD9 | #F5EBD6 | #F7EBD4 | #FAECD1 | #FCEDCF | #FFEECC
|
#D1CEC7 | #D6CFC2 | #DBD1BD | #E0D3B8 | #E6D5B3 | #EBD6AD | #F0D8A8 | #F5DAA3 | #FADB9E | #FFDD99
|
#BAB5AB | #C2B8A3 | #C9BA9C | #D1BD94 | #D9BF8C | #E0C285 | #E8C47D | #F0C775 | #F7C96E | #FFCC66
|
#A39C8F | #ADA085 | #B8A37A | #C2A770 | #CCAA66 | #D6AD5C | #E0B152 | #EBB447 | #F5B83D | #FFBB33
|
#8C8473 | #998866 | #A68C59 | #B2904D | #BF9540 | #CC9933 | #D99D26 | #E6A119 | #F2A60D | #FFAA00
|
#70695C | #7A6D52 | #857047 | #8F743D | #997733 | #A37A29 | #AD7E1F | #B88114 | #C2850A | #CC8800
|
#544F45 | #5C523D | #635436 | #6B572E | #735926 | #7A5C1F | #825E17 | #8A610F | #916308 | #996600
|
#38352E | #3D3629 | #423824 | #473A1F | #4D3C19 | #523D14 | #573F0F | #5C410A | #614205 | #664400 |
hue = 50°
#E8E7E3 | #EBE9E0 | #EDEBDE | #F0ECDB | #F2EED9 | #F5F0D6 | #F7F1D4 | #FAF3D1 | #FCF5CF | #FFF7CC
|
#D1CFC7 | #D6D3C2 | #DBD6BD | #E0DAB8 | #E6DDB3 | #EBE0AD | #F0E4A8 | #F5E7A3 | #FAEB9E | #FFEE99
|
#BAB8AB | #C2BDA3 | #C9C29C | #D1C794 | #D9CC8C | #E0D185 | #E8D67D | #F0DB75 | #F7E06E | #FFE666
|
#A3A08F | #ADA785 | #B8AD7A | #C2B470 | #CCBB66 | #D6C25C | #E0C952 | #EBCF47 | #F5D63D | #FFDD33
|
#8C8873 | #999066 | #A69959 | #B2A14D | #BFAA40 | #CCB333 | #D9BB26 | #E6C419 | #F2CC0D | #FFD500
|
#706D5C | #7A7452 | #857A47 | #8F813D | #998833 | #A38F29 | #AD961F | #B89C14 | #C2A30A | #CCAA00
|
#545245 | #5C573D | #635C36 | #6B612E | #736626 | #7A6B1F | #827017 | #8A750F | #917A08 | #998000
|
#38362E | #3D3A29 | #423D24 | #47411F | #4D4419 | #524714 | #574B0F | #5C4E0A | #615205 | #665500 |
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 = 70°
#E7E8E3 | #E9EBE0 | #EBEDDE | #ECF0DB | #EEF2D9 | #F0F5D6 | #F1F7D4 | #F3FAD1 | #F5FCCF | #F6FFCC
|
#CFD1C7 | #D3D6C2 | #D6DBBD | #DAE0B8 | #DDE6B3 | #E0EBAD | #E4F0A8 | #E7F5A3 | #EBFA9E | #EEFF99
|
#B8BAAB | #BDC2A3 | #C2C99C | #C7D194 | #CCD98C | #D1E085 | #D6E87D | #DBF075 | #E0F76E | #E5FF66
|
#A0A38F | #A7AD85 | #ADB87A | #B4C270 | #BBCC66 | #C2D65C | #C9E052 | #CFEB47 | #D6F53D | #DDFF33
|
#888C73 | #909966 | #99A659 | #A1B24D | #AABF40 | #B2CC33 | #BBD926 | #C3E619 | #CCF20D | #D4FF00
|
#6D705C | #747A52 | #7A8547 | #818F3D | #889933 | #8FA329 | #96AD1F | #9CB814 | #A3C20A | #AACC00
|
#525445 | #575C3D | #5C6336 | #616B2E | #667326 | #6B7A1F | #708217 | #758A0F | #7A9108 | #7F9900
|
#36382E | #3A3D29 | #3D4224 | #41471F | #444D19 | #475214 | #4B570F | #4E5C0A | #526105 | #556600 |
hue = 80°
#E6E8E3 | #E7EBE0 | #E8EDDE | #E9F0DB | #EAF2D9 | #EBF5D6 | #EBF7D4 | #ECFAD1 | #EDFCCF | #EEFFCC
|
#CED1C7 | #CFD6C2 | #D1DBBD | #D3E0B8 | #D4E6B3 | #D6EBAD | #D8F0A8 | #DAF5A3 | #DBFA9E | #DDFF99
|
#B5BAAB | #B8C2A3 | #BAC99C | #BDD194 | #BFD98C | #C2E085 | #C4E87D | #C7F075 | #C9F76E | #CCFF66
|
#9CA38F | #A0AD85 | #A3B87A | #A7C270 | #AACC66 | #ADD65C | #B1E052 | #B4EB47 | #B8F53D | #BBFF33
|
#848C73 | #889966 | #8CA659 | #90B24D | #95BF40 | #99CC33 | #9DD926 | #A1E619 | #A6F20D | #AAFF00
|
#69705C | #6D7A52 | #708547 | #748F3D | #779933 | #7AA329 | #7EAD1F | #81B814 | #85C20A | #88CC00
|
#4F5445 | #525C3D | #546336 | #576B2E | #597326 | #5C7A1F | #5E8217 | #618A0F | #639108 | #669900
|
#35382E | #363D29 | #384224 | #3A471F | #3B4D19 | #3D5214 | #3F570F | #415C0A | #426105 | #446600 |