Azure Radiant Clear — #4A9FC9 Hex Color Code

RGB

rgb(74, 159, 201)

HSL

hsl(200, 54%, 54%)

Metrics

S 54% · L 54%

Contrast (WCAG)

on white

3:1Fail

on black

7.1:1AA

Recent trail

About this color

Azure Radiant Clear (#4A9FC9) belongs to the blue family — hue 200°, 54% saturation, 54% 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-radiant-clear: #4A9FC9; /* hsl(200, 54%, 54%) */
}

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

#62ABD0 · hsl(200, 54%, 60%)

Darker companion

Azure Core Clear

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

Complementary counterpoint

Ember Radiant Clear

#C9754A · hsl(20, 54%, 54%)

Analogous lead

Cobalt Radiant Clear

#4A75C9 · hsl(220, 54%, 54%)

Analogous echo

Aqua Radiant Clear

#4AC9C9 · hsl(180, 54%, 54%)

Export preview

Base: Azure Radiant Clear #4A9FC9
Lighter companion: Azure Tone Clear #62ABD0
Darker companion: Azure Core Clear #3890BC
Complementary counterpoint: Ember Radiant Clear #C9754A
Analogous lead: Cobalt Radiant Clear #4A75C9
Analogous echo: Aqua Radiant Clear #4AC9C9