Lighter companion
Sapphire Shadow Pure
#064789 · hsl(210, 92%, 28%)
RGB
rgb(4, 51, 98)
HSL
hsl(210, 92%, 20%)
CMYK
cmyk(96%, 48%, 0%, 62%)
Metrics
S 92% · L 20%
Contrast (WCAG)
on white
12.7:1AA
on black
1.7:1Fail
About this color
Sapphire Nocturne Pure (#043362) belongs to the blue family — hue 210°, 92% saturation, 20% 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-nocturne-pure: #043362; --colorarchive-sapphire-nocturne-pure-hsl: hsl(210, 92%, 20%); --colorarchive-sapphire-nocturne-pure-rgb: rgb(4, 51, 98); }
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 Ink Pure
#032445 · hsl(210, 92%, 14%)
Complementary counterpoint
Coral Nocturne Pure
#623304 · hsl(30, 92%, 20%)
Analogous lead
Indigo Nocturne Pure
#041462 · hsl(230, 92%, 20%)
Analogous echo
Cerulean Nocturne Pure
#045262 · hsl(190, 92%, 20%)
Triadic +120°
Blush Nocturne Pure
#620433 · hsl(330, 92%, 20%)
Triadic +240°
Lime Nocturne Pure
#336204 · hsl(90, 92%, 20%)
Split-comp +150°
Crimson Nocturne Pure
#620404 · hsl(0, 92%, 20%)
Split-comp +210°
Citrine Nocturne Pure
#626204 · hsl(60, 92%, 20%)
Export preview
Base: Sapphire Nocturne Pure #043362 Lighter companion: Sapphire Shadow Pure #064789 Darker companion: Sapphire Ink Pure #032445 Complementary counterpoint: Coral Nocturne Pure #623304 Analogous lead: Indigo Nocturne Pure #041462 Analogous echo: Cerulean Nocturne Pure #045262 Triadic +120°: Blush Nocturne Pure #620433 Triadic +240°: Lime Nocturne Pure #336204 Split-comp +150°: Crimson Nocturne Pure #620404 Split-comp +210°: Citrine Nocturne Pure #626204
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Sapphire Ink Pure
#032445 · hsl(210, 92%, 14%)
Nearby match
Sapphire Shadow Pure
#064789 · hsl(210, 92%, 28%)
Nearby match
Sapphire Nocturne Vivid
#0D3359 · hsl(210, 74%, 20%)
Nearby match
Sapphire Dusk Pure
#0757A6 · hsl(210, 92%, 34%)
Nearby match
Azure Nocturne Pure
#044362 · hsl(200, 92%, 20%)
Nearby match
Cobalt Nocturne Pure
#042362 · hsl(220, 92%, 20%)
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
#1E1B57
Protanopia
#212159
Tritanopia
#095250
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.