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 Swatch | Hex Code | Dec Code | % Code | HSL Code | CMYK Code |
|---|---|---|---|---|---|---|
| black (Safe 16 SVG Hex3) | #000000 | rgb(0, 0, 0) | rgb(0%, 0%, 0%) | hsl(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) | |
| gray (16 SVG) | #808080 | rgb(128, 128, 128) | rgb(50%, 50%, 50%) | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) | |
| silver (16 SVG) | #C0C0C0 | rgb(192, 192, 192) | rgb(75%, 75%, 75%) | hsl(0, 0%, 75%) | cmyk(0%, 0%, 0%, 25%) | |
| white (Safe 16 SVG Hex3) | #FFFFFF | rgb(255, 255, 255) | rgb(100%, 100%, 100%) | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) | |
| maroon (16 SVG) | #800000 | rgb(128, 0, 0) | rgb(50%, 0%, 0%) | hsl(0, 100%, 25%) | cmyk(0%, 100%, 100%, 50%) | |
| red (Safe 16 SVG Hex3) | #FF0000 | rgb(255, 0, 0) | rgb(100%, 0%, 0%) | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) | |
| olive (16 SVG) | #808000 | rgb(128, 128, 0) | rgb(50%, 50%, 0%) | hsl(60, 100%, 25%) | cmyk(0%, 0%, 100%, 50%) | |
| yellow (Safe 16 SVG Hex3) | #FFFF00 | rgb(255, 255, 0) | rgb(100%, 100%, 0%) | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) | |
| green (16 SVG) | #008000 | rgb(0, 128, 0) | rgb(0%, 50%, 0%) | hsl(120, 100%, 25%) | cmyk(100%, 0%, 100%, 50%) | |
| lime (Safe 16 SVG Hex3) | #00FF00 | rgb(0, 255, 0) | rgb(0%, 100%, 0%) | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) | |
| teal (16 SVG) | #008080 | rgb(0, 128, 128) | rgb(0%, 50%, 50%) | hsl(180, 100%, 25%) | cmyk(100%, 0%, 0%, 50%) | |
| aqua (Safe 16 SVG Hex3) | #00FFFF | rgb(0, 255, 255) | rgb(0%, 100%, 100%) | hsl(180, 100%, 50%) | cmyk(100%, 0%, 0%, 0%) | |
| navy (16 SVG) | #000080 | rgb(0, 0, 128) | rgb(0%, 0%, 50%) | hsl(240, 100%, 25%) | cmyk(100%, 100%, 0%, 50%) | |
| blue (Safe 16 SVG Hex3) | #0000FF | rgb(0, 0, 255) | rgb(0%, 0%, 100%) | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) | |
| purple (16 SVG) | #800080 | rgb(128, 0, 128) | rgb(50%, 0%, 50%) | hsl(300, 100%, 25%) | cmyk(0%, 100%, 0%, 50%) | |
| fuchsia (Safe 16 SVG Hex3) | #FF00FF | rgb(255, 0, 255) | rgb(100%, 0%, 100%) | hsl(300, 100%, 50%) | cmyk(0%, 100%, 0%, 0%) |