Lighter companion
Sapphire Core Clear
#387ABC · hsl(210, 54%, 48%)
RGB
rgb(49, 107, 165)
HSL
hsl(210, 54%, 42%)
CMYK
cmyk(70%, 35%, 0%, 35%)
Metrics
S 54% · L 42%
Contrast (WCAG)
on white
5.6:1AA
on black
3.8:1AA Large
About this color
Sapphire Velvet Clear (#316BA5) belongs to the blue family — hue 210°, 54% saturation, 42% 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-velvet-clear: #316BA5; --colorarchive-sapphire-velvet-clear-hsl: hsl(210, 54%, 42%); --colorarchive-sapphire-velvet-clear-rgb: rgb(49, 107, 165); }
AI Color Names
Let AI suggest alternative poetic names for this color in English and Chinese.
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Sapphire Dusk Clear
#285786 · hsl(210, 54%, 34%)
Complementary counterpoint
Coral Velvet Clear
#A56B31 · hsl(30, 54%, 42%)
Analogous lead
Indigo Velvet Clear
#3145A5 · hsl(230, 54%, 42%)
Analogous echo
Cerulean Velvet Clear
#3192A5 · hsl(190, 54%, 42%)
Triadic +120°
Blush Velvet Clear
#A5316B · hsl(330, 54%, 42%)
Triadic +240°
Lime Velvet Clear
#6BA531 · hsl(90, 54%, 42%)
Split-comp +150°
Crimson Velvet Clear
#A53131 · hsl(0, 54%, 42%)
Split-comp +210°
Citrine Velvet Clear
#A5A531 · hsl(60, 54%, 42%)
Export preview
Base: Sapphire Velvet Clear #316BA5 Lighter companion: Sapphire Core Clear #387ABC Darker companion: Sapphire Dusk Clear #285786 Complementary counterpoint: Coral Velvet Clear #A56B31 Analogous lead: Indigo Velvet Clear #3145A5 Analogous echo: Cerulean Velvet Clear #3192A5 Triadic +120°: Blush Velvet Clear #A5316B Triadic +240°: Lime Velvet Clear #6BA531 Split-comp +150°: Crimson Velvet Clear #A53131 Split-comp +210°: Citrine Velvet Clear #A5A531
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Sapphire Core Clear
#387ABC · hsl(210, 54%, 48%)
Nearby match
Steel Velvet Clear
#3175A5 · hsl(205, 54%, 42%)
Nearby match
Sapphire Dusk Clear
#285786 · hsl(210, 54%, 34%)
Nearby match
Sapphire Radiant Clear
#4A8AC9 · hsl(210, 54%, 54%)
Nearby match
Sapphire Velvet Soft
#476B90 · hsl(210, 34%, 42%)
Nearby match
Sapphire Velvet Vivid
#1C6BBA · hsl(210, 74%, 42%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#4D4897
Protanopia
#50519A
Tritanopia
#36908D
Ready to build
Turn these colors into design tokens
ColorArchive Pro includes CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.