Lighter companion
Cobalt Shadow Soft
#2F3F60 · hsl(220, 34%, 28%)
RGB
rgb(34, 45, 68)
HSL
hsl(220, 34%, 20%)
CMYK
cmyk(50%, 34%, 0%, 73%)
Metrics
S 34% · L 20%
Contrast (WCAG)
on white
13.8:1AA
on black
1.5:1Fail
About this color
Cobalt Nocturne Soft (#222D44) belongs to the blue family — hue 220°, 34% 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-soft: #222D44; --colorarchive-cobalt-nocturne-soft-hsl: hsl(220, 34%, 20%); --colorarchive-cobalt-nocturne-soft-rgb: rgb(34, 45, 68); }
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 Soft
#182030 · hsl(220, 34%, 14%)
Complementary counterpoint
Apricot Nocturne Soft
#443922 · hsl(40, 34%, 20%)
Analogous lead
Amethyst Nocturne Soft
#252244 · hsl(245, 34%, 20%)
Analogous echo
Azure Nocturne Soft
#223944 · hsl(200, 34%, 20%)
Triadic +120°
Garnet Nocturne Soft
#44222D · hsl(340, 34%, 20%)
Triadic +240°
Moss Nocturne Soft
#2D4422 · hsl(100, 34%, 20%)
Split-comp +150°
Ruby Nocturne Soft
#442722 · hsl(10, 34%, 20%)
Split-comp +210°
Honey Nocturne Soft
#3F4422 · hsl(70, 34%, 20%)
Export preview
Base: Cobalt Nocturne Soft #222D44 Lighter companion: Cobalt Shadow Soft #2F3F60 Darker companion: Cobalt Ink Soft #182030 Complementary counterpoint: Apricot Nocturne Soft #443922 Analogous lead: Amethyst Nocturne Soft #252244 Analogous echo: Azure Nocturne Soft #223944 Triadic +120°: Garnet Nocturne Soft #44222D Triadic +240°: Moss Nocturne Soft #2D4422 Split-comp +150°: Ruby Nocturne Soft #442722 Split-comp +210°: Honey Nocturne Soft #3F4422
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Cobalt Nocturne Dust
#262F40 · hsl(220, 26%, 20%)
Nearby match
Cobalt Ink Soft
#182030 · hsl(220, 34%, 14%)
Nearby match
Cobalt Shadow Soft
#2F3F60 · hsl(220, 34%, 28%)
Nearby match
Cobalt Nocturne Muted
#2A303C · hsl(220, 18%, 20%)
Nearby match
Cobalt Ink Dust
#1A212D · hsl(220, 26%, 14%)
Nearby match
Cobalt Nocturne Clear
#172A4F · hsl(220, 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
#27263E
Protanopia
#27273F
Tritanopia
#233B3A
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