Lighter companion
Sapphire Radiant Bright
#278AEC · hsl(210, 84%, 54%)
RGB
rgb(20, 122, 225)
HSL
hsl(210, 84%, 48%)
CMYK
cmyk(91%, 46%, 0%, 12%)
Metrics
S 84% · L 48%
Contrast (WCAG)
on white
4.3:1AA Large
on black
4.9:1AA
About this color
Sapphire Core Bright (#147AE1) belongs to the blue family — hue 210°, 84% saturation, 48% 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-core-bright: #147AE1; --colorarchive-sapphire-core-bright-hsl: hsl(210, 84%, 48%); --colorarchive-sapphire-core-bright-rgb: rgb(20, 122, 225); }
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 Velvet Bright
#116BC5 · hsl(210, 84%, 42%)
Complementary counterpoint
Coral Core Bright
#E17A14 · hsl(30, 84%, 48%)
Analogous lead
Indigo Core Bright
#1436E1 · hsl(230, 84%, 48%)
Analogous echo
Cerulean Core Bright
#14BFE1 · hsl(190, 84%, 48%)
Triadic +120°
Blush Core Bright
#E1147A · hsl(330, 84%, 48%)
Triadic +240°
Lime Core Bright
#7AE114 · hsl(90, 84%, 48%)
Split-comp +150°
Crimson Core Bright
#E11414 · hsl(0, 84%, 48%)
Split-comp +210°
Citrine Core Bright
#E1E114 · hsl(60, 84%, 48%)
Export preview
Base: Sapphire Core Bright #147AE1 Lighter companion: Sapphire Radiant Bright #278AEC Darker companion: Sapphire Velvet Bright #116BC5 Complementary counterpoint: Coral Core Bright #E17A14 Analogous lead: Indigo Core Bright #1436E1 Analogous echo: Cerulean Core Bright #14BFE1 Triadic +120°: Blush Core Bright #E1147A Triadic +240°: Lime Core Bright #7AE114 Split-comp +150°: Crimson Core Bright #E11414 Split-comp +210°: Citrine Core Bright #E1E114
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Sapphire Core Pure
#0A7AEB · hsl(210, 92%, 48%)
Nearby match
Sapphire Velvet Bright
#116BC5 · hsl(210, 84%, 42%)
Nearby match
Sapphire Radiant Bright
#278AEC · hsl(210, 84%, 54%)
Nearby match
Sapphire Core Vivid
#207AD5 · hsl(210, 74%, 48%)
Nearby match
Steel Core Bright
#148CE1 · hsl(205, 84%, 48%)
Nearby match
Sapphire Velvet Pure
#096BCE · hsl(210, 92%, 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
#4F47C9
Protanopia
#5455CE
Tritanopia
#22BDB9
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.