Azure Velvet Clear — #317EA5 Hex Color Code

RGB

rgb(49, 126, 165)

HSL

hsl(200, 54%, 42%)

Metrics

S 54% · L 42%

Contrast (WCAG)

on white

4.5:1AA

on black

4.7:1AA

Recent trail

About this color

Azure Velvet Clear (#317EA5) belongs to the blue family — hue 200°, 54% saturation, 42% 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-velvet-clear: #317EA5; /* hsl(200, 54%, 42%) */
}

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 Core Clear

#3890BC · hsl(200, 54%, 48%)

Darker companion

Azure Dusk Clear

#286686 · hsl(200, 54%, 34%)

Complementary counterpoint

Ember Velvet Clear

#A55831 · hsl(20, 54%, 42%)

Analogous lead

Cobalt Velvet Clear

#3158A5 · hsl(220, 54%, 42%)

Analogous echo

Aqua Velvet Clear

#31A5A5 · hsl(180, 54%, 42%)

Export preview

Base: Azure Velvet Clear #317EA5
Lighter companion: Azure Core Clear #3890BC
Darker companion: Azure Dusk Clear #286686
Complementary counterpoint: Ember Velvet Clear #A55831
Analogous lead: Cobalt Velvet Clear #3158A5
Analogous echo: Aqua Velvet Clear #31A5A5