Shades of colors
Named shades of 18 colors, 931 entries in all, each with its hex and RGB code. Pick a color to see its light, medium and dark shades.
Choose a color
- Shades of green213 named green shades with hex codes.
- Shades of blue99 named blue shades with hex codes.
- Shades of purple93 named purple shades with hex codes.
- Shades of red72 named red shades with hex codes.
- Shades of pink57 named pink shades with hex codes.
- Shades of brown43 named brown shades with hex codes.
- Shades of orange50 named orange shades with hex codes.
- Shades of yellow93 named yellow shades with hex codes.
- Shades of gray18 named gray shades with hex codes.
- Shades of white22 named white shades with hex codes.
- Shades of black11 named black shades with hex codes.
- Shades of teal30 named teal shades with hex codes.
- Shades of gold39 named gold shades with hex codes.
- Shades of beige18 named beige shades with hex codes.
- Shades of tan22 named tan shades with hex codes.
- Shades of turquoise24 named turquoise shades with hex codes.
- Shades of lavender12 named lavender shades with hex codes.
- Shades of burgundy15 named burgundy shades with hex codes.
Every color family at a glance
| Color | Named shades | Popular shades | Lightest | Darkest |
|---|---|---|---|---|
| Green | 213 | Sage Green, Emerald Green, Olive Green | Very Light Green | Dark Forest Green |
| Blue | 99 | Navy Blue, Royal Blue, Sky Blue | Light Blue | Midnight |
| Purple | 93 | Lavender, Lilac, Violet | Pale Mauve | Midnight Purple |
| Red | 72 | Crimson, Scarlet, Burgundy | Pale Salmon | Dark Maroon |
| Pink | 57 | Hot Pink, Light Pink, Baby Pink | Pale Pink | Merlot |
| Brown | 43 | Chocolate, Chestnut, Mahogany | Adobe | Dark Brown |
| Orange | 50 | Burnt Orange, Tangerine, Peach | Blanched Almond | Russet |
| Yellow | 93 | Mustard, Lemon, Gold | Light Yellow | Dark Mustard |
| Gray | 18 | Silver, Light Gray, Charcoal | Platinum | Onyx |
| White | 22 | Ivory, Cream, Snow | White | Champagne |
| Black | 11 | Jet, Onyx, Charcoal | Gunmetal | Black |
| Teal | 30 | Teal, Turquoise, Aquamarine | Ice | Dark Teal |
| Gold | 39 | Gold, Goldenrod, Dark Goldenrod | Light Mustard | Hazel |
| Beige | 18 | Beige, Cream, Wheat | Papaya Whip | Tan |
| Tan | 22 | Tan, Camel, Khaki | Very Light Brown | Mocha |
| Turquoise | 24 | Turquoise, Aquamarine, Medium Turquoise | Eggshell Blue | Teal Green |
| Lavender | 12 | Lavender, Lilac, Thistle | Very Light Purple | Baby Purple |
| Burgundy | 15 | Burgundy, Maroon, Wine | Berry | Dark Maroon |
Shades, tints and tones
| Term | Meaning | Example |
|---|---|---|
| Shade | A color mixed with black: darker | Navy from blue |
| Tint | A color mixed with white: lighter | Pink from red |
| Tone | A color mixed with gray: more muted | Dusty rose from pink |
| Hue | The color family itself | Blue, green, red |
In everyday speech "shades of blue" means every variety of blue, light or dark, and that is how these pages use it. Each list is computed from the hue, lightness and chroma of over 900 named colors, so a color can appear in more than one family (a teal is both a blue-green and a turquoise relative).
Frequently asked questions
How many colors are there?
A standard screen can show about 16.7 million colors (256 levels each of red, green and blue); people can tell apart roughly a million.
Where do the color names come from?
The 148 CSS color keywords, a curated design list and the open XKCD color survey: see the color names directory.
How do I find the name of a color?
Paste its hex or RGB value into the color name finder.
How are light, medium and dark shades grouped?
By OKLCH lightness: light shades are 75% and above, medium 45% to 75%, and dark below 45%. OKLCH lightness matches how light a color looks, so the groups are consistent across hues.