Lighter companion
Teal Dusk Clear
#288666 · hsl(160, 54%, 34%)
RGB
rgb(33, 110, 84)
HSL
hsl(160, 54%, 28%)
CMYK
cmyk(70%, 0%, 24%, 57%)
Metrics
S 54% · L 28%
Contrast (WCAG)
on white
6.1:1AA
on black
3.4:1AA Large
About this color
Teal Shadow Clear (#216E54) belongs to the teal family — hue 160°, 54% 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-clear: #216E54; --colorarchive-teal-shadow-clear-hsl: hsl(160, 54%, 28%); --colorarchive-teal-shadow-clear-rgb: rgb(33, 110, 84); }
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
Teal Nocturne Clear
#174F3C · hsl(160, 54%, 20%)
Complementary counterpoint
Garnet Shadow Clear
#6E213B · hsl(340, 54%, 28%)
Analogous lead
Aqua Shadow Clear
#216E6E · hsl(180, 54%, 28%)
Analogous echo
Seafoam Shadow Clear
#216E3B · hsl(140, 54%, 28%)
Triadic +120°
Mulberry Shadow Clear
#54216E · hsl(280, 54%, 28%)
Triadic +240°
Apricot Shadow Clear
#6E5421 · hsl(40, 54%, 28%)
Split-comp +150°
Peony Shadow Clear
#6E2161 · hsl(310, 54%, 28%)
Split-comp +210°
Ruby Shadow Clear
#6E2E21 · hsl(10, 54%, 28%)
Export preview
Base: Teal Shadow Clear #216E54 Lighter companion: Teal Dusk Clear #288666 Darker companion: Teal Nocturne Clear #174F3C Complementary counterpoint: Garnet Shadow Clear #6E213B Analogous lead: Aqua Shadow Clear #216E6E Analogous echo: Seafoam Shadow Clear #216E3B Triadic +120°: Mulberry Shadow Clear #54216E Triadic +240°: Apricot Shadow Clear #6E5421 Split-comp +150°: Peony Shadow Clear #6E2161 Split-comp +210°: Ruby Shadow Clear #6E2E21
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Teal Dusk Clear
#288666 · hsl(160, 54%, 34%)
Nearby match
Teal Nocturne Clear
#174F3C · hsl(160, 54%, 20%)
Nearby match
Teal Shadow Soft
#2F604F · hsl(160, 34%, 28%)
Nearby match
Teal Shadow Vivid
#137C59 · hsl(160, 74%, 28%)
Nearby match
Teal Ink Clear
#10372A · hsl(160, 54%, 14%)
Nearby match
Teal Velvet Clear
#31A57E · hsl(160, 54%, 42%)
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
#4A445D
Protanopia
#4E4F5B
Tritanopia
#296061
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