Azure Tone Clear — #62ABD0 Hex Color Code

RGB

rgb(98, 171, 208)

HSL

hsl(200, 54%, 60%)

Metrics

S 54% · L 60%

Contrast (WCAG)

on white

2.5:1Fail

on black

8.3:1AA

Recent trail

About this color

Azure Tone Clear (#62ABD0) belongs to the blue family — hue 200°, 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-azure-tone-clear: #62ABD0; /* hsl(200, 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

Azure Silk Clear

#81BCD9 · hsl(200, 54%, 68%)

Darker companion

Azure Radiant Clear

#4A9FC9 · hsl(200, 54%, 54%)

Complementary counterpoint

Ember Tone Clear

#D08762 · hsl(20, 54%, 60%)

Analogous lead

Cobalt Tone Clear

#6287D0 · hsl(220, 54%, 60%)

Analogous echo

Aqua Tone Clear

#62D0D0 · hsl(180, 54%, 60%)

Export preview

Base: Azure Tone Clear #62ABD0
Lighter companion: Azure Silk Clear #81BCD9
Darker companion: Azure Radiant Clear #4A9FC9
Complementary counterpoint: Ember Tone Clear #D08762
Analogous lead: Cobalt Tone Clear #6287D0
Analogous echo: Aqua Tone Clear #62D0D0