Safe Colors -- All Codes
This page shows all the 216 safe, non-dithering colors and their RGB hexadecimal code, decimal code, percent code, HSL (hue, saturation, light) code, and the CMYK code (for comparison--CMYK is not used in HTML or CSS).The safe colors are shown here on this page with color swatches defined by using the hexadecimal code for the color and are sorted by the hue, saturation, and light values for the color. Notice that all safe colors are Hex Triples. Colors that might be useful in areas of a web page where you want subtle coloring, such as in the backgrounds of table cells to give emphasis to text, are marked Soft.
| Soft | Hex Swatch | Hex Code | Dec Code | % Code | HSL Code | CMYK Code |
|---|---|---|---|---|---|---|
| #000000 | rgb(0, 0, 0) | rgb(0%, 0%, 0%) | hsl(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) | ||
| #333333 | rgb(51, 51, 51) | rgb(20%, 20%, 20%) | hsl(0, 0%, 20%) | cmyk(0%, 0%, 0%, 80%) | ||
| #666666 | rgb(102, 102, 102) | rgb(40%, 40%, 40%) | hsl(0, 0%, 40%) | cmyk(0%, 0%, 0%, 60%) | ||
| #999999 | rgb(153, 153, 153) | rgb(60%, 60%, 60%) | hsl(0, 0%, 60%) | cmyk(0%, 0%, 0%, 40%) | ||
| Soft | #CCCCCC | rgb(204, 204, 204) | rgb(80%, 80%, 80%) | hsl(0, 0%, 80%) | cmyk(0%, 0%, 0%, 20%) | |
| #FFFFFF | rgb(255, 255, 255) | rgb(100%, 100%, 100%) | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) | ||
| #996666 | rgb(153, 102, 102) | rgb(60%, 40%, 40%) | hsl(0, 20%, 50%) | cmyk(0%, 33%, 33%, 40%) | ||
| #663333 | rgb(102, 51, 51) | rgb(40%, 20%, 20%) | hsl(0, 33%, 30%) | cmyk(0%, 50%, 50%, 60%) | ||
| #CC9999 | rgb(204, 153, 153) | rgb(80%, 60%, 60%) | hsl(0, 33%, 70%) | cmyk(0%, 25%, 25%, 20%) | ||
| #993333 | rgb(153, 51, 51) | rgb(60%, 20%, 20%) | hsl(0, 50%, 40%) | cmyk(0%, 67%, 67%, 40%) | ||
| #CC6666 | rgb(204, 102, 102) | rgb(80%, 40%, 40%) | hsl(0, 50%, 60%) | cmyk(0%, 50%, 50%, 20%) | ||
| #CC3333 | rgb(204, 51, 51) | rgb(80%, 20%, 20%) | hsl(0, 60%, 50%) | cmyk(0%, 75%, 75%, 20%) | ||
| #330000 | rgb(51, 0, 0) | rgb(20%, 0%, 0%) | hsl(0, 100%, 10%) | cmyk(0%, 100%, 100%, 80%) | ||
| #660000 | rgb(102, 0, 0) | rgb(40%, 0%, 0%) | hsl(0, 100%, 20%) | cmyk(0%, 100%, 100%, 60%) | ||
| #990000 | rgb(153, 0, 0) | rgb(60%, 0%, 0%) | hsl(0, 100%, 30%) | cmyk(0%, 100%, 100%, 40%) | ||
| #CC0000 | rgb(204, 0, 0) | rgb(80%, 0%, 0%) | hsl(0, 100%, 40%) | cmyk(0%, 100%, 100%, 20%) | ||
| #FF0000 | rgb(255, 0, 0) | rgb(100%, 0%, 0%) | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) | ||
| #FF3333 | rgb(255, 51, 51) | rgb(100%, 20%, 20%) | hsl(0, 100%, 60%) | cmyk(0%, 80%, 80%, 0%) | ||
| #FF6666 | rgb(255, 102, 102) | rgb(100%, 40%, 40%) | hsl(0, 100%, 70%) | cmyk(0%, 60%, 60%, 0%) | ||
| #FF9999 | rgb(255, 153, 153) | rgb(100%, 60%, 60%) | hsl(0, 100%, 80%) | cmyk(0%, 40%, 40%, 0%) | ||
| Soft | #FFCCCC | rgb(255, 204, 204) | rgb(100%, 80%, 80%) | hsl(0, 100%, 90%) | cmyk(0%, 20%, 20%, 0%) | |
| #FF3300 | rgb(255, 51, 0) | rgb(100%, 20%, 0%) | hsl(12, 100%, 50%) | cmyk(0%, 80%, 100%, 0%) | ||
| #CC3300 | rgb(204, 51, 0) | rgb(80%, 20%, 0%) | hsl(15, 100%, 40%) | cmyk(0%, 75%, 100%, 20%) | ||
| #FF6633 | rgb(255, 102, 51) | rgb(100%, 40%, 20%) | hsl(15, 100%, 60%) | cmyk(0%, 60%, 80%, 0%) | ||
| #CC6633 | rgb(204, 102, 51) | rgb(80%, 40%, 20%) | hsl(20, 60%, 50%) | cmyk(0%, 50%, 75%, 20%) | ||
| #993300 | rgb(153, 51, 0) | rgb(60%, 20%, 0%) | hsl(20, 100%, 30%) | cmyk(0%, 67%, 100%, 40%) | ||
| #FF9966 | rgb(255, 153, 102) | rgb(100%, 60%, 40%) | hsl(20, 100%, 70%) | cmyk(0%, 40%, 60%, 0%) | ||
| #FF6600 | rgb(255, 102, 0) | rgb(100%, 40%, 0%) | hsl(24, 100%, 50%) | cmyk(0%, 60%, 100%, 0%) | ||
| #996633 | rgb(153, 102, 51) | rgb(60%, 40%, 20%) | hsl(30, 50%, 40%) | cmyk(0%, 33%, 67%, 40%) | ||
| #CC9966 | rgb(204, 153, 102) | rgb(80%, 60%, 40%) | hsl(30, 50%, 60%) | cmyk(0%, 25%, 50%, 20%) | ||
| #663300 | rgb(102, 51, 0) | rgb(40%, 20%, 0%) | hsl(30, 100%, 20%) | cmyk(0%, 50%, 100%, 60%) | ||
| #CC6600 | rgb(204, 102, 0) | rgb(80%, 40%, 0%) | hsl(30, 100%, 40%) | cmyk(0%, 50%, 100%, 20%) | ||
| #FF9933 | rgb(255, 153, 51) | rgb(100%, 60%, 20%) | hsl(30, 100%, 60%) | cmyk(0%, 40%, 80%, 0%) | ||
| Soft | #FFCC99 | rgb(255, 204, 153) | rgb(100%, 80%, 60%) | hsl(30, 100%, 80%) | cmyk(0%, 20%, 40%, 0%) | |
| #FF9900 | rgb(255, 153, 0) | rgb(100%, 60%, 0%) | hsl(36, 100%, 50%) | cmyk(0%, 40%, 100%, 0%) | ||
| #CC9933 | rgb(204, 153, 51) | rgb(80%, 60%, 20%) | hsl(40, 60%, 50%) | cmyk(0%, 25%, 75%, 20%) | ||
| #996600 | rgb(153, 102, 0) | rgb(60%, 40%, 0%) | hsl(40, 100%, 30%) | cmyk(0%, 33%, 100%, 40%) | ||
| #FFCC66 | rgb(255, 204, 102) | rgb(100%, 80%, 40%) | hsl(40, 100%, 70%) | cmyk(0%, 20%, 60%, 0%) | ||
| #CC9900 | rgb(204, 153, 0) | rgb(80%, 60%, 0%) | hsl(45, 100%, 40%) | cmyk(0%, 25%, 100%, 20%) | ||
| #FFCC33 | rgb(255, 204, 51) | rgb(100%, 80%, 20%) | hsl(45, 100%, 60%) | cmyk(0%, 20%, 80%, 0%) | ||
| #FFCC00 | rgb(255, 204, 0) | rgb(100%, 80%, 0%) | hsl(48, 100%, 50%) | cmyk(0%, 20%, 100%, 0%) | ||
| #999966 | rgb(153, 153, 102) | rgb(60%, 60%, 40%) | hsl(60, 20%, 50%) | cmyk(0%, 0%, 33%, 40%) | ||
| #666633 | rgb(102, 102, 51) | rgb(40%, 40%, 20%) | hsl(60, 33%, 30%) | cmyk(0%, 0%, 50%, 60%) | ||
| Soft | #CCCC99 | rgb(204, 204, 153) | rgb(80%, 80%, 60%) | hsl(60, 33%, 70%) | cmyk(0%, 0%, 25%, 20%) | |
| #999933 | rgb(153, 153, 51) | rgb(60%, 60%, 20%) | hsl(60, 50%, 40%) | cmyk(0%, 0%, 67%, 40%) | ||
| #CCCC66 | rgb(204, 204, 102) | rgb(80%, 80%, 40%) | hsl(60, 50%, 60%) | cmyk(0%, 0%, 50%, 20%) | ||
| #CCCC33 | rgb(204, 204, 51) | rgb(80%, 80%, 20%) | hsl(60, 60%, 50%) | cmyk(0%, 0%, 75%, 20%) | ||
| #333300 | rgb(51, 51, 0) | rgb(20%, 20%, 0%) | hsl(60, 100%, 10%) | cmyk(0%, 0%, 100%, 80%) | ||
| #666600 | rgb(102, 102, 0) | rgb(40%, 40%, 0%) | hsl(60, 100%, 20%) | cmyk(0%, 0%, 100%, 60%) | ||
| #999900 | rgb(153, 153, 0) | rgb(60%, 60%, 0%) | hsl(60, 100%, 30%) | cmyk(0%, 0%, 100%, 40%) | ||
| #CCCC00 | rgb(204, 204, 0) | rgb(80%, 80%, 0%) | hsl(60, 100%, 40%) | cmyk(0%, 0%, 100%, 20%) | ||
| #FFFF00 | rgb(255, 255, 0) | rgb(100%, 100%, 0%) | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) | ||
| #FFFF33 | rgb(255, 255, 51) | rgb(100%, 100%, 20%) | hsl(60, 100%, 60%) | cmyk(0%, 0%, 80%, 0%) | ||
| #FFFF66 | rgb(255, 255, 102) | rgb(100%, 100%, 40%) | hsl(60, 100%, 70%) | cmyk(0%, 0%, 60%, 0%) | ||
| Soft | #FFFF99 | rgb(255, 255, 153) | rgb(100%, 100%, 60%) | hsl(60, 100%, 80%) | cmyk(0%, 0%, 40%, 0%) | |
| Soft | #FFFFCC | rgb(255, 255, 204) | rgb(100%, 100%, 80%) | hsl(60, 100%, 90%) | cmyk(0%, 0%, 20%, 0%) | |
| #CCFF00 | rgb(204, 255, 0) | rgb(80%, 100%, 0%) | hsl(72, 100%, 50%) | cmyk(20%, 0%, 100%, 0%) | ||
| #99CC00 | rgb(153, 204, 0) | rgb(60%, 80%, 0%) | hsl(75, 100%, 40%) | cmyk(25%, 0%, 100%, 20%) | ||
| #CCFF33 | rgb(204, 255, 51) | rgb(80%, 100%, 20%) | hsl(75, 100%, 60%) | cmyk(20%, 0%, 80%, 0%) | ||
| #99CC33 | rgb(153, 204, 51) | rgb(60%, 80%, 20%) | hsl(80, 60%, 50%) | cmyk(25%, 0%, 75%, 20%) | ||
| #669900 | rgb(102, 153, 0) | rgb(40%, 60%, 0%) | hsl(80, 100%, 30%) | cmyk(33%, 0%, 100%, 40%) | ||
| #CCFF66 | rgb(204, 255, 102) | rgb(80%, 100%, 40%) | hsl(80, 100%, 70%) | cmyk(20%, 0%, 60%, 0%) | ||
| #99FF00 | rgb(153, 255, 0) | rgb(60%, 100%, 0%) | hsl(84, 100%, 50%) | cmyk(40%, 0%, 100%, 0%) |


