Lighter companion
Sapphire Core Vivid
#207AD5 · hsl(210, 74%, 48%)
RGB
rgb(28, 107, 186)
HSL
hsl(210, 74%, 42%)
CMYK
cmyk(85%, 42%, 0%, 27%)
Metrics
S 74% · L 42%
Contrast (WCAG)
on white
5.4:1AA
on black
3.9:1AA Large
About this color
Sapphire Velvet Vivid (#1C6BBA) belongs to the blue family — hue 210°, 74% 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-vivid: #1C6BBA; --colorarchive-sapphire-velvet-vivid-hsl: hsl(210, 74%, 42%); --colorarchive-sapphire-velvet-vivid-rgb: rgb(28, 107, 186); }
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 Vivid
#175797 · hsl(210, 74%, 34%)
Complementary counterpoint
Coral Velvet Vivid
#BA6B1C · hsl(30, 74%, 42%)
Analogous lead
Indigo Velvet Vivid
#1C36BA · hsl(230, 74%, 42%)
Analogous echo
Cerulean Velvet Vivid
#1CA0BA · hsl(190, 74%, 42%)
Triadic +120°
Blush Velvet Vivid
#BA1C6B · hsl(330, 74%, 42%)
Triadic +240°
Lime Velvet Vivid
#6BBA1C · hsl(90, 74%, 42%)
Split-comp +150°
Crimson Velvet Vivid
#BA1C1C · hsl(0, 74%, 42%)
Split-comp +210°
Citrine Velvet Vivid
#BABA1C · hsl(60, 74%, 42%)
Export preview
Base: Sapphire Velvet Vivid #1C6BBA Lighter companion: Sapphire Core Vivid #207AD5 Darker companion: Sapphire Dusk Vivid #175797 Complementary counterpoint: Coral Velvet Vivid #BA6B1C Analogous lead: Indigo Velvet Vivid #1C36BA Analogous echo: Cerulean Velvet Vivid #1CA0BA Triadic +120°: Blush Velvet Vivid #BA1C6B Triadic +240°: Lime Velvet Vivid #6BBA1C Split-comp +150°: Crimson Velvet Vivid #BA1C1C Split-comp +210°: Citrine Velvet Vivid #BABA1C
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Sapphire Core Vivid
#207AD5 · hsl(210, 74%, 48%)
Nearby match
Sapphire Velvet Bright
#116BC5 · hsl(210, 84%, 42%)
Nearby match
Steel Velvet Vivid
#1C78BA · hsl(205, 74%, 42%)
Nearby match
Sapphire Dusk Vivid
#175797 · hsl(210, 74%, 34%)
Nearby match
Sapphire Velvet Pure
#096BCE · hsl(210, 92%, 42%)
Nearby match
Sapphire Radiant Vivid
#338AE1 · hsl(210, 74%, 54%)
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
#4741A7
Protanopia
#4B4CAB
Tritanopia
#259E9B
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.