Rose Tone Clear — #D062AB Hex Color Code

RGB

rgb(208, 98, 171)

HSL

hsl(320, 54%, 60%)

Metrics

S 54% · L 60%

Contrast (WCAG)

on white

3.5:1AA Large

on black

6:1AA

Recent trail

About this color

Rose Tone Clear (#D062AB) belongs to the pink family — hue 320°, 54% saturation, 60% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.

CSS

:root {
  --colorarchive-rose-tone-clear: #D062AB; /* hsl(320, 54%, 60%) */
}

Tonal strip

All lightness levels at this hue and saturation. Click any to navigate.

Palette moves

Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.

Lighter companion

Rose Silk Clear

#D981BC · hsl(320, 54%, 68%)

Darker companion

Rose Radiant Clear

#C94A9F · hsl(320, 54%, 54%)

Complementary counterpoint

Seafoam Tone Clear

#62D087 · hsl(140, 54%, 60%)

Analogous lead

Garnet Tone Clear

#D06287 · hsl(340, 54%, 60%)

Analogous echo

Fuchsia Tone Clear

#D062D0 · hsl(300, 54%, 60%)

Export preview

Base: Rose Tone Clear #D062AB
Lighter companion: Rose Silk Clear #D981BC
Darker companion: Rose Radiant Clear #C94A9F
Complementary counterpoint: Seafoam Tone Clear #62D087
Analogous lead: Garnet Tone Clear #D06287
Analogous echo: Fuchsia Tone Clear #D062D0