Shade
A color mixed with black, making it darker and deeper.
Also called shades
A shade is a color darkened by adding black. Navy is a shade of blue, and burgundy is a shade of red.
Shades are useful for text, borders and pressed states that should feel related to a brand color.
Guides that cover Shade
- Palettes What Is a Color Palette? What is a color palette? Learn the main palette types, how many colors to use and how to build one for your brand or website. Then try our palette tools.
- High & Low Key High-Key vs Low-Key Colors High-key vs low-key colors explained: how light and dark color schemes set mood in design, art and photography, with tips on using each well. Read the guide.
- Tints & Shades Tints, Shades, and Tones Tint, shade and tone explained: see how adding white, black or gray changes a base color, and how to use each to build richer palettes. Read the quick guide.
- Warm & Cool What Is Color Temperature? Color temperature explained: how Kelvin is measured, warm vs cool light and colors, and how temperature affects lighting, design and photos. Read the guide.
- HSL What are HSL colors? HSL color explained: how hue, saturation and lightness define a color, how the HSL color space differs from RGB, and how to use HSL and HSLA in CSS. Read on.
- HEX What are HEX Colors? Hex colors explained: how hex color codes like #FF5733 work, how #RRGGBB maps to RGB, what shorthand hex means and how to convert hex to RGB. Read on.