Lighter companion
Iris Shadow Soft
#2F2F60 · hsl(240, 34%, 28%)
RGB
rgb(34, 34, 68)
HSL
hsl(240, 34%, 20%)
CMYK
cmyk(50%, 50%, 0%, 73%)
Metrics
S 34% · L 20%
Contrast (WCAG)
on white
15.2:1AA
on black
1.4:1Fail
About this color
Iris Nocturne Soft (#222244) belongs to the blue family — hue 240°, 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-iris-nocturne-soft: #222244; --colorarchive-iris-nocturne-soft-hsl: hsl(240, 34%, 20%); --colorarchive-iris-nocturne-soft-rgb: rgb(34, 34, 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
Iris Ink Soft
#181830 · hsl(240, 34%, 14%)
Complementary counterpoint
Citrine Nocturne Soft
#444422 · hsl(60, 34%, 20%)
Analogous lead
Orchid Nocturne Soft
#2D2244 · hsl(260, 34%, 20%)
Analogous echo
Cobalt Nocturne Soft
#222D44 · hsl(220, 34%, 20%)
Triadic +120°
Crimson Nocturne Soft
#442222 · hsl(0, 34%, 20%)
Triadic +240°
Emerald Nocturne Soft
#224422 · hsl(120, 34%, 20%)
Split-comp +150°
Coral Nocturne Soft
#443322 · hsl(30, 34%, 20%)
Split-comp +210°
Lime Nocturne Soft
#334422 · hsl(90, 34%, 20%)
Export preview
Base: Iris Nocturne Soft #222244 Lighter companion: Iris Shadow Soft #2F2F60 Darker companion: Iris Ink Soft #181830 Complementary counterpoint: Citrine Nocturne Soft #444422 Analogous lead: Orchid Nocturne Soft #2D2244 Analogous echo: Cobalt Nocturne Soft #222D44 Triadic +120°: Crimson Nocturne Soft #442222 Triadic +240°: Emerald Nocturne Soft #224422 Split-comp +150°: Coral Nocturne Soft #443322 Split-comp +210°: Lime Nocturne Soft #334422
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Iris Nocturne Dust
#262640 · hsl(240, 26%, 20%)
Nearby match
Iris Ink Soft
#181830 · hsl(240, 34%, 14%)
Nearby match
Amethyst Nocturne Soft
#252244 · hsl(245, 34%, 20%)
Nearby match
Iris Shadow Soft
#2F2F60 · hsl(240, 34%, 28%)
Nearby match
Iris Nocturne Muted
#2A2A3C · hsl(240, 18%, 20%)
Nearby match
Iris Ink Dust
#1A1A2D · hsl(240, 26%, 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
#22223C
Protanopia
#22223E
Tritanopia
#223837
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