Lighter companion
Sapphire Tone Muted
#8799AB · hsl(210, 18%, 60%)
RGB
rgb(117, 138, 159)
HSL
hsl(210, 18%, 54%)
Metrics
S 18% · L 54%
Contrast (WCAG)
on white
3.6:1AA Large
on black
5.9:1AA
About this color
Sapphire Radiant Muted (#758A9F) belongs to the blue family — hue 210°, 18% 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-sapphire-radiant-muted: #758A9F; --colorarchive-sapphire-radiant-muted-hsl: hsl(210, 18%, 54%); --colorarchive-sapphire-radiant-muted-rgb: rgb(117, 138, 159); }
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Sapphire Core Muted
#647A90 · hsl(210, 18%, 48%)
Complementary counterpoint
Coral Radiant Muted
#9F8A75 · hsl(30, 18%, 54%)
Analogous lead
Indigo Radiant Muted
#757C9F · hsl(230, 18%, 54%)
Analogous echo
Cerulean Radiant Muted
#75989F · hsl(190, 18%, 54%)
Triadic +120°
Blush Radiant Muted
#9F758A · hsl(330, 18%, 54%)
Triadic +240°
Lime Radiant Muted
#8A9F75 · hsl(90, 18%, 54%)
Split-comp +150°
Crimson Radiant Muted
#9F7575 · hsl(0, 18%, 54%)
Split-comp +210°
Citrine Radiant Muted
#9F9F75 · hsl(60, 18%, 54%)
Export preview
Base: Sapphire Radiant Muted #758A9F Lighter companion: Sapphire Tone Muted #8799AB Darker companion: Sapphire Core Muted #647A90 Complementary counterpoint: Coral Radiant Muted #9F8A75 Analogous lead: Indigo Radiant Muted #757C9F Analogous echo: Cerulean Radiant Muted #75989F Triadic +120°: Blush Radiant Muted #9F758A Triadic +240°: Lime Radiant Muted #8A9F75 Split-comp +150°: Crimson Radiant Muted #9F7575 Split-comp +210°: Citrine Radiant Muted #9F9F75
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Sapphire Core Muted
#647A90 · hsl(210, 18%, 48%)
Nearby match
Sapphire Tone Muted
#8799AB · hsl(210, 18%, 60%)
Nearby match
Sapphire Radiant Soft
#628AB2 · hsl(210, 34%, 54%)
Nearby match
Sapphire Velvet Muted
#586B7E · hsl(210, 18%, 42%)
Nearby match
Sapphire Silk Muted
#9FADBC · hsl(210, 18%, 68%)
Nearby match
Azure Radiant Muted
#75919F · hsl(200, 18%, 54%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Ready to build
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.