Lighter companion
Azure Shadow Clear
#21546E · hsl(200, 54%, 28%)
RGB
rgb(23, 60, 79)
HSL
hsl(200, 54%, 20%)
CMYK
cmyk(71%, 24%, 0%, 69%)
Metrics
S 54% · L 20%
Contrast (WCAG)
on white
11.7:1AA
on black
1.8:1Fail
About this color
Azure Nocturne Clear (#173C4F) belongs to the blue family — hue 200°, 54% 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-azure-nocturne-clear: #173C4F; --colorarchive-azure-nocturne-clear-hsl: hsl(200, 54%, 20%); --colorarchive-azure-nocturne-clear-rgb: rgb(23, 60, 79); }
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
Azure Ink Clear
#102A37 · hsl(200, 54%, 14%)
Complementary counterpoint
Ember Nocturne Clear
#4F2A17 · hsl(20, 54%, 20%)
Analogous lead
Cobalt Nocturne Clear
#172A4F · hsl(220, 54%, 20%)
Analogous echo
Cyan Nocturne Clear
#174F4A · hsl(175, 54%, 20%)
Triadic +120°
Rose Nocturne Clear
#4F173C · hsl(320, 54%, 20%)
Triadic +240°
Olive Nocturne Clear
#3C4F17 · hsl(80, 54%, 20%)
Split-comp +150°
Merlot Nocturne Clear
#4F1721 · hsl(350, 54%, 20%)
Split-comp +210°
Amber Nocturne Clear
#4F4517 · hsl(50, 54%, 20%)
Export preview
Base: Azure Nocturne Clear #173C4F Lighter companion: Azure Shadow Clear #21546E Darker companion: Azure Ink Clear #102A37 Complementary counterpoint: Ember Nocturne Clear #4F2A17 Analogous lead: Cobalt Nocturne Clear #172A4F Analogous echo: Cyan Nocturne Clear #174F4A Triadic +120°: Rose Nocturne Clear #4F173C Triadic +240°: Olive Nocturne Clear #3C4F17 Split-comp +150°: Merlot Nocturne Clear #4F1721 Split-comp +210°: Amber Nocturne Clear #4F4517
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Azure Ink Clear
#102A37 · hsl(200, 54%, 14%)
Nearby match
Steel Nocturne Clear
#17384F · hsl(205, 54%, 20%)
Nearby match
Azure Shadow Clear
#21546E · hsl(200, 54%, 28%)
Nearby match
Azure Nocturne Soft
#223944 · hsl(200, 34%, 20%)
Nearby match
Azure Nocturne Vivid
#0D4059 · hsl(200, 74%, 20%)
Nearby match
Steel Ink Clear
#102737 · hsl(205, 54%, 14%)
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
#29264A
Protanopia
#2B2C4B
Tritanopia
#1A4747
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.