Shades of Every Color
Pick a color family to explore its full range of shades - from the darkest named colors to the lightest tints - with hex and RGB codes for every one.
Shades of Blue
Navy, royal, sky, and every blue in between with hex codes
31 shades · #0000FF
Shades of Green
Forest, emerald, mint, and lime greens with hex codes
30 shades · #008000
Shades of Red
Crimson, scarlet, maroon, and salmon reds with hex codes
21 shades · #FF0000
Shades of Purple
Violet, lavender, plum, and royal purples with hex codes
27 shades · #800080
Shades of Pink
Blush, rose, magenta, and hot pinks with hex codes
18 shades · #FFC0CB
Shades of Orange
Tangerine, amber, coral, and burnt oranges with hex codes
21 shades · #FFA500
Shades of Yellow
Lemon, mustard, butter, and canary yellows with hex codes
20 shades · #FFFF00
Shades of Brown
Chocolate, chestnut, tan, and coffee browns with hex codes
24 shades · #A52A2A
Shades of Gray
Charcoal, slate, silver, and light grays with hex codes
19 shades · #808080
Shades of Teal
Teal, turquoise, aqua, and cyan blue-greens with hex codes
19 shades · #008080
Shades of Gold
Metallic, antique, and pale golds with hex codes
17 shades · #FFD700
Shades of Beige
Cream, ivory, linen, and sand neutrals with hex codes
21 shades · #F5F5DC
Shades of Black
True black, off-black, charcoal, and jet with hex codes
13 shades · #000000
Shades of White
Pure white, off-white, ivory, and snow with hex codes
19 shades · #FFFFFF
Shades of Navy
Navy, midnight, and deep marine blues with hex codes
12 shades · #000080
Shades of Silver
Silver, chrome, platinum, and metallic grays with hex codes
12 shades · #C0C0C0
Shades of Burgundy
Burgundy, wine, maroon, and oxblood reds with hex codes
12 shades · #800020
Shades of Olive
Olive, khaki, moss, and army greens with hex codes
12 shades · #808000
Shades of Turquoise
Turquoise, aqua, cyan, and tropical blue-greens with hex codes
13 shades · #40E0D0
Shades of Lavender
Lavender, lilac, periwinkle, and pale violets with hex codes
13 shades · #E6E6FA
Shades of Peach
Peach, apricot, coral, and soft warm tones with hex codes
11 shades · #FFE5B4
Shades of Mint
Mint, seafoam, pistachio, and pale greens with hex codes
12 shades · #98FF98
Shades of Coral
Coral, salmon, living coral, and warm pink-oranges with hex codes
12 shades · #FF7F50
How to Use the Shade Pages
Pick a color family below. Each page shows the named CSS colors in that family ordered from dark to light, plus a generated 12-step scale of the core hue. Every swatch shows its hex code, can be copied with one click, and links to a full detail page with RGB, HSL, CMYK, harmonies, and contrast data.
Frequently Asked Questions about Shades of Every Color
Strictly speaking, a shade is a color mixed with black (darker), a tint is a color mixed with white (lighter), and a tone is a color mixed with gray (muted). In everyday usage, "shades of blue" means all variations of blue, which is how these pages are organized.
Infinitely many - a 24-bit screen can show hundreds of distinguishable variations of each hue. Each family page lists the CSS named colors in that family plus a generated 12-step light-to-dark scale, which covers the practically useful range.
Convert the color to HSL and lower the lightness for shades or raise it for tints, keeping hue and saturation fixed. Every color detail page on this site generates that scale for you automatically.
Keep the color moving
Useful next steps
Your latest color stays in the local workspace when the next tool uses it.