Lighter companion
Cobalt Shadow Clear
#213B6E · hsl(220, 54%, 28%)
RGB
rgb(23, 42, 79)
HSL
hsl(220, 54%, 20%)
CMYK
cmyk(71%, 47%, 0%, 69%)
Metrics
S 54% · L 20%
Contrast (WCAG)
on white
14.2:1AA
on black
1.5:1Fail
About this color
Cobalt Nocturne Clear (#172A4F) belongs to the blue family — hue 220°, 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-cobalt-nocturne-clear: #172A4F; --colorarchive-cobalt-nocturne-clear-hsl: hsl(220, 54%, 20%); --colorarchive-cobalt-nocturne-clear-rgb: rgb(23, 42, 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
Cobalt Ink Clear
#101D37 · hsl(220, 54%, 14%)
Complementary counterpoint
Apricot Nocturne Clear
#4F3C17 · hsl(40, 54%, 20%)
Analogous lead
Amethyst Nocturne Clear
#1C174F · hsl(245, 54%, 20%)
Analogous echo
Azure Nocturne Clear
#173C4F · hsl(200, 54%, 20%)
Triadic +120°
Garnet Nocturne Clear
#4F172A · hsl(340, 54%, 20%)
Triadic +240°
Moss Nocturne Clear
#2A4F17 · hsl(100, 54%, 20%)
Split-comp +150°
Ruby Nocturne Clear
#4F2117 · hsl(10, 54%, 20%)
Split-comp +210°
Honey Nocturne Clear
#454F17 · hsl(70, 54%, 20%)
Export preview
Base: Cobalt Nocturne Clear #172A4F Lighter companion: Cobalt Shadow Clear #213B6E Darker companion: Cobalt Ink Clear #101D37 Complementary counterpoint: Apricot Nocturne Clear #4F3C17 Analogous lead: Amethyst Nocturne Clear #1C174F Analogous echo: Azure Nocturne Clear #173C4F Triadic +120°: Garnet Nocturne Clear #4F172A Triadic +240°: Moss Nocturne Clear #2A4F17 Split-comp +150°: Ruby Nocturne Clear #4F2117 Split-comp +210°: Honey Nocturne Clear #454F17
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Cobalt Ink Clear
#101D37 · hsl(220, 54%, 14%)
Nearby match
Cobalt Shadow Clear
#213B6E · hsl(220, 54%, 28%)
Nearby match
Cobalt Nocturne Soft
#222D44 · hsl(220, 34%, 20%)
Nearby match
Cobalt Nocturne Vivid
#0D2659 · hsl(220, 74%, 20%)
Nearby match
Cobalt Dusk Clear
#284786 · hsl(220, 54%, 34%)
Nearby match
Sapphire Nocturne Clear
#17334F · hsl(210, 54%, 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
#1F1E46
Protanopia
#212148
Tritanopia
#184240
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.
Appears in collections