Lighter companion
Sapphire Tone Bright
#4399EF · hsl(210, 84%, 60%)
RGB
rgb(39, 138, 236)
HSL
hsl(210, 84%, 54%)
CMYK
cmyk(83%, 42%, 0%, 7%)
Metrics
S 84% · L 54%
Contrast (WCAG)
on white
3.5:1AA Large
on black
5.9:1AA
About this color
Sapphire Radiant Bright (#278AEC) belongs to the blue family — hue 210°, 84% 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-bright: #278AEC; --colorarchive-sapphire-radiant-bright-hsl: hsl(210, 84%, 54%); --colorarchive-sapphire-radiant-bright-rgb: rgb(39, 138, 236); }
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 Bright
#147AE1 · hsl(210, 84%, 48%)
Complementary counterpoint
Coral Radiant Bright
#EC8A27 · hsl(30, 84%, 54%)
Analogous lead
Indigo Radiant Bright
#2748EC · hsl(230, 84%, 54%)
Analogous echo
Cerulean Radiant Bright
#27CBEC · hsl(190, 84%, 54%)
Triadic +120°
Blush Radiant Bright
#EC278A · hsl(330, 84%, 54%)
Triadic +240°
Lime Radiant Bright
#8AEC27 · hsl(90, 84%, 54%)
Split-comp +150°
Crimson Radiant Bright
#EC2727 · hsl(0, 84%, 54%)
Split-comp +210°
Citrine Radiant Bright
#ECEC27 · hsl(60, 84%, 54%)
Export preview
Base: Sapphire Radiant Bright #278AEC Lighter companion: Sapphire Tone Bright #4399EF Darker companion: Sapphire Core Bright #147AE1 Complementary counterpoint: Coral Radiant Bright #EC8A27 Analogous lead: Indigo Radiant Bright #2748EC Analogous echo: Cerulean Radiant Bright #27CBEC Triadic +120°: Blush Radiant Bright #EC278A Triadic +240°: Lime Radiant Bright #8AEC27 Split-comp +150°: Crimson Radiant Bright #EC2727 Split-comp +210°: Citrine Radiant Bright #ECEC27
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Sapphire Radiant Pure
#1E8AF6 · hsl(210, 92%, 54%)
Nearby match
Sapphire Core Bright
#147AE1 · hsl(210, 84%, 48%)
Nearby match
Sapphire Tone Bright
#4399EF · hsl(210, 84%, 60%)
Nearby match
Sapphire Radiant Vivid
#338AE1 · hsl(210, 74%, 54%)
Nearby match
Steel Radiant Bright
#279AEC · hsl(205, 84%, 54%)
Nearby match
Sapphire Core Pure
#0A7AEB · hsl(210, 92%, 48%)
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
#5C55D5
Protanopia
#6263DA
Tritanopia
#32C9C5
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.