Cerulean Dusk Clear — #287686 Hex Color Code

RGB

rgb(40, 118, 134)

HSL

hsl(190, 54%, 34%)

Metrics

S 54% · L 34%

Contrast (WCAG)

on white

5.2:1AA

on black

4:1AA Large

Recent trail

About this color

Cerulean Dusk Clear (#287686) belongs to the blue family — hue 190°, 54% saturation, 34% 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-dusk-clear: #287686; /* hsl(190, 54%, 34%) */
}

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

#3192A5 · hsl(190, 54%, 42%)

Darker companion

Cerulean Shadow Clear

#21616E · hsl(190, 54%, 28%)

Complementary counterpoint

Ruby Dusk Clear

#863728 · hsl(10, 54%, 34%)

Analogous lead

Sapphire Dusk Clear

#285786 · hsl(210, 54%, 34%)

Analogous echo

Lagoon Dusk Clear

#288676 · hsl(170, 54%, 34%)

Export preview

Base: Cerulean Dusk Clear #287686
Lighter companion: Cerulean Velvet Clear #3192A5
Darker companion: Cerulean Shadow Clear #21616E
Complementary counterpoint: Ruby Dusk Clear #863728
Analogous lead: Sapphire Dusk Clear #285786
Analogous echo: Lagoon Dusk Clear #288676