Cerulean Radiant Clear — #4AB4C9 Hex Color Code

RGB

rgb(74, 180, 201)

HSL

hsl(190, 54%, 54%)

Metrics

S 54% · L 54%

Contrast (WCAG)

on white

2.4:1Fail

on black

8.7:1AA

Recent trail

About this color

Cerulean Radiant Clear (#4AB4C9) belongs to the blue family — hue 190°, 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-cerulean-radiant-clear: #4AB4C9; /* hsl(190, 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

Cerulean Tone Clear

#62BED0 · hsl(190, 54%, 60%)

Darker companion

Cerulean Core Clear

#38A6BC · hsl(190, 54%, 48%)

Complementary counterpoint

Ruby Radiant Clear

#C95F4A · hsl(10, 54%, 54%)

Analogous lead

Sapphire Radiant Clear

#4A8AC9 · hsl(210, 54%, 54%)

Analogous echo

Lagoon Radiant Clear

#4AC9B4 · hsl(170, 54%, 54%)

Export preview

Base: Cerulean Radiant Clear #4AB4C9
Lighter companion: Cerulean Tone Clear #62BED0
Darker companion: Cerulean Core Clear #38A6BC
Complementary counterpoint: Ruby Radiant Clear #C95F4A
Analogous lead: Sapphire Radiant Clear #4A8AC9
Analogous echo: Lagoon Radiant Clear #4AC9B4