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%) |