Sapphire Nocturne Clear — #17334F Hex Color Code

RGB

rgb(23, 51, 79)

HSL

hsl(210, 54%, 20%)

Metrics

S 54% · L 20%

Contrast (WCAG)

on white

12.9:1AA

on black

1.6:1Fail

Recent trail

About this color

Sapphire Nocturne Clear (#17334F) belongs to the blue family — hue 210°, 54% saturation, 20% 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-sapphire-nocturne-clear: #17334F; /* hsl(210, 54%, 20%) */
}

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

Sapphire Shadow Clear

#21476E · hsl(210, 54%, 28%)

Darker companion

Sapphire Ink Clear

#102437 · hsl(210, 54%, 14%)

Complementary counterpoint

Coral Nocturne Clear

#4F3317 · hsl(30, 54%, 20%)

Analogous lead

Indigo Nocturne Clear

#17214F · hsl(230, 54%, 20%)

Analogous echo

Cerulean Nocturne Clear

#17454F · hsl(190, 54%, 20%)

Export preview

Base: Sapphire Nocturne Clear #17334F
Lighter companion: Sapphire Shadow Clear #21476E
Darker companion: Sapphire Ink Clear #102437
Complementary counterpoint: Coral Nocturne Clear #4F3317
Analogous lead: Indigo Nocturne Clear #17214F
Analogous echo: Cerulean Nocturne Clear #17454F