Lighter companion
Teal Dusk Soft
#397461 · hsl(160, 34%, 34%)
RGB
rgb(47, 96, 79)
HSL
hsl(160, 34%, 28%)
Metrics
S 34% · L 28%
Contrast (WCAG)
on white
7.2:1AA
on black
2.9:1Fail
About this color
Teal Shadow Soft (#2F604F) belongs to the teal family — hue 160°, 34% saturation, 28% 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-teal-shadow-soft: #2F604F; --colorarchive-teal-shadow-soft-hsl: hsl(160, 34%, 28%); --colorarchive-teal-shadow-soft-rgb: rgb(47, 96, 79); }
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Teal Nocturne Soft
#224439 · hsl(160, 34%, 20%)
Complementary counterpoint
Garnet Shadow Soft
#602F3F · hsl(340, 34%, 28%)
Analogous lead
Aqua Shadow Soft
#2F6060 · hsl(180, 34%, 28%)
Analogous echo
Seafoam Shadow Soft
#2F603F · hsl(140, 34%, 28%)
Triadic +120°
Mulberry Shadow Soft
#4F2F60 · hsl(280, 34%, 28%)
Triadic +240°
Apricot Shadow Soft
#604F2F · hsl(40, 34%, 28%)
Split-comp +150°
Peony Shadow Soft
#602F58 · hsl(310, 34%, 28%)
Split-comp +210°
Ruby Shadow Soft
#60372F · hsl(10, 34%, 28%)
Export preview
Base: Teal Shadow Soft #2F604F Lighter companion: Teal Dusk Soft #397461 Darker companion: Teal Nocturne Soft #224439 Complementary counterpoint: Garnet Shadow Soft #602F3F Analogous lead: Aqua Shadow Soft #2F6060 Analogous echo: Seafoam Shadow Soft #2F603F Triadic +120°: Mulberry Shadow Soft #4F2F60 Triadic +240°: Apricot Shadow Soft #604F2F Split-comp +150°: Peony Shadow Soft #602F58 Split-comp +210°: Ruby Shadow Soft #60372F
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Teal Dusk Soft
#397461 · hsl(160, 34%, 34%)
Nearby match
Teal Nocturne Soft
#224439 · hsl(160, 34%, 20%)
Nearby match
Teal Shadow Muted
#3B544C · hsl(160, 18%, 28%)
Nearby match
Teal Shadow Clear
#216E54 · hsl(160, 54%, 28%)
Nearby match
Teal Ink Soft
#183028 · hsl(160, 34%, 14%)
Nearby match
Teal Velvet Soft
#479077 · hsl(160, 34%, 42%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
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.
Appears in collections