Aqua Dusk Clear — #288686 Hex Color Code

RGB

rgb(40, 134, 134)

HSL

hsl(180, 54%, 34%)

Metrics

S 54% · L 34%

Contrast (WCAG)

on white

4.3:1AA Large

on black

4.8:1AA

Recent trail

About this color

Aqua Dusk Clear (#288686) belongs to the teal family — hue 180°, 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-aqua-dusk-clear: #288686; /* hsl(180, 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

Aqua Velvet Clear

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

Darker companion

Aqua Shadow Clear

#216E6E · hsl(180, 54%, 28%)

Complementary counterpoint

Crimson Dusk Clear

#862828 · hsl(0, 54%, 34%)

Analogous lead

Azure Dusk Clear

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

Analogous echo

Teal Dusk Clear

#288666 · hsl(160, 54%, 34%)

Export preview

Base: Aqua Dusk Clear #288686
Lighter companion: Aqua Velvet Clear #31A5A5
Darker companion: Aqua Shadow Clear #216E6E
Complementary counterpoint: Crimson Dusk Clear #862828
Analogous lead: Azure Dusk Clear #286686
Analogous echo: Teal Dusk Clear #288666