Color Spot Tables: tables of color swatches and color codes used in HTML and CSS

The Sixteen Named Colors--All Codes

HTML 3.2 specifications identified sixteen color names for use in an HTML attribute. These have become "the sixteen named colors" that can be used by name to define color in HTML and now in Cascading Style Sheets.

This page shows a table of the sixteen colors with swatches defined by the hexadecimal code and sorted by hue, saturation, and light. Each color's RGB hexadecimal code is shown as well as its RGB decimal code, RGB percent code, HSL (hue, saturation, light) code, and the CMYK code (for comparison--CMYK is not used in HTML or CSS).

Color Name (comments)Hex SwatchHex CodeDec Code% CodeHSL CodeCMYK Code
black (Safe 16 SVG Hex3)  #000000rgb(0, 0, 0)rgb(0%, 0%, 0%)hsl(0, 0%, 0%)cmyk(0%, 0%, 0%, 100%)
gray (16 SVG)  #808080rgb(128, 128, 128)rgb(50%, 50%, 50%)hsl(0, 0%, 50%)cmyk(0%, 0%, 0%, 50%)
silver (16 SVG)  #C0C0C0rgb(192, 192, 192)rgb(75%, 75%, 75%)hsl(0, 0%, 75%)cmyk(0%, 0%, 0%, 25%)
white (Safe 16 SVG Hex3)  #FFFFFFrgb(255, 255, 255)rgb(100%, 100%, 100%)hsl(0, 0%, 100%)cmyk(0%, 0%, 0%, 0%)
maroon (16 SVG)  #800000rgb(128, 0, 0)rgb(50%, 0%, 0%)hsl(0, 100%, 25%)cmyk(0%, 100%, 100%, 50%)
red (Safe 16 SVG Hex3)  #FF0000rgb(255, 0, 0)rgb(100%, 0%, 0%)hsl(0, 100%, 50%)cmyk(0%, 100%, 100%, 0%)
olive (16 SVG)  #808000rgb(128, 128, 0)rgb(50%, 50%, 0%)hsl(60, 100%, 25%)cmyk(0%, 0%, 100%, 50%)
yellow (Safe 16 SVG Hex3)  #FFFF00rgb(255, 255, 0)rgb(100%, 100%, 0%)hsl(60, 100%, 50%)cmyk(0%, 0%, 100%, 0%)
green (16 SVG)  #008000rgb(0, 128, 0)rgb(0%, 50%, 0%)hsl(120, 100%, 25%)cmyk(100%, 0%, 100%, 50%)
lime (Safe 16 SVG Hex3)  #00FF00rgb(0, 255, 0)rgb(0%, 100%, 0%)hsl(120, 100%, 50%)cmyk(100%, 0%, 100%, 0%)
teal (16 SVG)  #008080rgb(0, 128, 128)rgb(0%, 50%, 50%)hsl(180, 100%, 25%)cmyk(100%, 0%, 0%, 50%)
aqua (Safe 16 SVG Hex3)  #00FFFFrgb(0, 255, 255)rgb(0%, 100%, 100%)hsl(180, 100%, 50%)cmyk(100%, 0%, 0%, 0%)
navy (16 SVG)  #000080rgb(0, 0, 128)rgb(0%, 0%, 50%)hsl(240, 100%, 25%)cmyk(100%, 100%, 0%, 50%)
blue (Safe 16 SVG Hex3)  #0000FFrgb(0, 0, 255)rgb(0%, 0%, 100%)hsl(240, 100%, 50%)cmyk(100%, 100%, 0%, 0%)
purple (16 SVG)  #800080rgb(128, 0, 128)rgb(50%, 0%, 50%)hsl(300, 100%, 25%)cmyk(0%, 100%, 0%, 50%)
fuchsia (Safe 16 SVG Hex3)  #FF00FFrgb(255, 0, 255)rgb(100%, 0%, 100%)hsl(300, 100%, 50%)cmyk(0%, 100%, 0%, 0%)
Save this page to any social bookmarking site! Share · Search · Market · Directory
2013-04-10 · John December · Contact · Terms of Use © December Communications, Inc.