Lighter companion
Sapphire Tone Clear
#6299D0 · hsl(210, 54%, 60%)
RGB
rgb(74, 138, 201)
HSL
hsl(210, 54%, 54%)
CMYK
cmyk(63%, 31%, 0%, 21%)
Metrics
S 54% · L 54%
Contrast (WCAG)
on white
3.6:1AA Large
on black
5.8:1AA
About this color
Sapphire Radiant Clear (#4A8AC9) belongs to the blue family — hue 210°, 54% 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-clear: #4A8AC9; --colorarchive-sapphire-radiant-clear-hsl: hsl(210, 54%, 54%); --colorarchive-sapphire-radiant-clear-rgb: rgb(74, 138, 201); }
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 Core Clear
#387ABC · hsl(210, 54%, 48%)
Complementary counterpoint
Coral Radiant Clear
#C98A4A · hsl(30, 54%, 54%)
Analogous lead
Indigo Radiant Clear
#4A5FC9 · hsl(230, 54%, 54%)
Analogous echo
Cerulean Radiant Clear
#4AB4C9 · hsl(190, 54%, 54%)
Triadic +120°
Blush Radiant Clear
#C94A8A · hsl(330, 54%, 54%)
Triadic +240°
Lime Radiant Clear
#8AC94A · hsl(90, 54%, 54%)
Split-comp +150°
Crimson Radiant Clear
#C94A4A · hsl(0, 54%, 54%)
Split-comp +210°
Citrine Radiant Clear
#C9C94A · hsl(60, 54%, 54%)
Export preview
Base: Sapphire Radiant Clear #4A8AC9 Lighter companion: Sapphire Tone Clear #6299D0 Darker companion: Sapphire Core Clear #387ABC Complementary counterpoint: Coral Radiant Clear #C98A4A Analogous lead: Indigo Radiant Clear #4A5FC9 Analogous echo: Cerulean Radiant Clear #4AB4C9 Triadic +120°: Blush Radiant Clear #C94A8A Triadic +240°: Lime Radiant Clear #8AC94A Split-comp +150°: Crimson Radiant Clear #C94A4A Split-comp +210°: Citrine Radiant Clear #C9C94A
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Sapphire Core Clear
#387ABC · hsl(210, 54%, 48%)
Nearby match
Sapphire Tone Clear
#6299D0 · hsl(210, 54%, 60%)
Nearby match
Steel Radiant Clear
#4A94C9 · hsl(205, 54%, 54%)
Nearby match
Sapphire Velvet Clear
#316BA5 · hsl(210, 54%, 42%)
Nearby match
Sapphire Radiant Soft
#628AB2 · hsl(210, 34%, 54%)
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
#6863B9
Protanopia
#6C6CBC
Tritanopia
#4FB1AF
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.