Is pink a tint of red?

Yes — pink is the classic example of a tint. Mixing pure red #FF0000 with 50% white gives #FF8080, a soft pink: same red hue, just lighter and less saturated. Every pink from blush to rose is red (or red-violet) plus some amount of white.

Can a tint and a shade have the same hue?

Yes — always, when they come from the same base color. Tinting and shading move a color toward white or black without rotating its hue, so every tint and shade of #2D6A4F stays in the same green family. That is exactly why tint-and-shade ramps look like one coherent color scale.

A tone is a color mixed with gray instead of white or black. Tones get more muted rather than clearly lighter or darker — a 20% tone of #2D6A4F is #3E6E59, a softer, grayer version of the same green at a similar lightness.

No — white is what tints move toward, not a tint itself. In color theory white, black, and gray are neutral (achromatic) colors that belong to no hue, and a 100% tint of any color is simply pure white.

Tint vs Shade: What's the Difference?

Color theory basics · Updated August 10, 2026

A tint is a color mixed with white, which makes it lighter; a shade is a color mixed with black, which makes it darker. Both keep the original hue — a tint of green is still green, only paler, and a shade of green is still green, only deeper. Mixing with gray instead of white or black produces a tone.

See it live: paste any hex code into the tint and shade generator and get the full white-to-black ramp of your color in one step.

Tints and Shades, Side by Side

Here is one base color — the green #2D6A4F — pushed four steps toward white (tints, left) and four steps toward black (shades, right):

#D5E1DC80% tint

#ABC3B960% tint

#81A69540% tint

#57887220% tint

#2D6A4Fbase

#24553F20% shade

#1B402F40% shade

#122A2060% shade

#09151080% shade

Every swatch is the same green hue. Tints move toward white; shades move toward black. Build this ramp for any color with the tint generator and shade generator.

The Formulas

In digital color both operations are simple per-channel blends. A tint moves each RGB channel toward 255 (white); a shade scales each channel toward 0 (black). For a percentage p (0–1):

Tint:  new = old + (255 − old) × p

20% tint of #2D6A4F — rgb(45, 106, 79):
 ├─ R: 45  + (255 − 45)  × 0.2 =  87
 ├─ G: 106 + (255 − 106) × 0.2 = 136
 └─ B: 79  + (255 − 79)  × 0.2 = 114

Result: rgb(87, 136, 114) = #578872   ← lighter, same hue

Shade: new = old × (1 − p)

20% shade of #2D6A4F — rgb(45, 106, 79):
 ├─ R: 45  × 0.8 =  36
 ├─ G: 106 × 0.8 =  85
 └─ B: 79  × 0.8 =  63

Result: rgb(36, 85, 63) = #24553F     ← darker, same hue

Because every channel moves proportionally, the hue stays put — which is why a whole tint-and-shade ramp reads as one color family rather than nine different colors. The tints and shades guide covers the theory in more depth.

What About Tones?

The third member of the family: a tone is a color mixed with gray (#808080). Instead of getting clearly lighter or darker, the color gets more muted — saturation drops while lightness barely moves. A 20% tone of #2D6A4F is #3E6E59: still recognizably the same green, just softer and grayer. Tones and shades are easy to confuse, so they get their own comparison: shade vs tone.

Quick Reference

Term	Mixed with	Result	Example (20% of #2D6A4F)
Tint	White	Lighter, softer	`#578872`
Shade	Black	Darker, richer	`#24553F`
Tone	Gray	Muted, less saturated	`#3E6E59`

Common Confusions

"Shades" in everyday speech. People say "fifty shades of blue" to mean any variation — lighter, darker, or grayer. In color theory only the darker, black-mixed versions are shades; the lighter ones are tints.
"A lighter shade." Strictly a contradiction — lighter versions are tints. It survives because the everyday meaning of shade is just "a version of a color."
Paint vs digital. A painter physically mixes titanium white or black pigment into a hue; pigments shift slightly as they mix. Digital tints and shades are exact per-channel math, so the ramp is perfectly predictable — the same formula gives the same hex every time.
Tint in other fields. Window tint and tinted moisturizer use "tint" loosely to mean "slightly colored." The color-theory meaning is specific: hue + white.

Frequently Asked Questions

What is the difference between a tint and a shade?

A tint is a color mixed with white, which makes it lighter; a shade is a color mixed with black, which makes it darker. Both keep the original hue. For example, a 20% tint of #2D6A4F is #578872 and a 20% shade of the same green is #24553F.
Is pink a tint of red?

Yes — pink is the classic example of a tint. Mixing pure red #FF0000 with 50% white gives #FF8080, a soft pink: same red hue, just lighter and less saturated. Every pink from blush to rose is red (or red-violet) plus some amount of white.
Can a tint and a shade have the same hue?

Yes — always, when they come from the same base color. Tinting and shading move a color toward white or black without rotating its hue, so every tint and shade of #2D6A4F stays in the same green family. That is exactly why tint-and-shade ramps look like one coherent color scale.
What is a tone?

A tone is a color mixed with gray instead of white or black. Tones get more muted rather than clearly lighter or darker — a 20% tone of #2D6A4F is #3E6E59, a softer, grayer version of the same green at a similar lightness. Full comparison: shade vs tone.
Is white a tint?

No — white is what tints move toward, not a tint itself. In color theory white, black, and gray are neutral (achromatic) colors that belong to no hue, and a 100% tint of any color is simply pure white. The full answer, including the paint-world usage: is white a tint or a shade?