RAL and NCS values are nearest equivalents, not official designations.
In Western cultures, Teal Blue symbolizes serenity and calmness, often reflecting emotional stability. However, in some Indigenous cultures, it can represent the balance between the earth and the sky, signifying harmony and healing.
The term 'teal' originated in the 1920s, named after the common teal, a duck with a similarly colored head. In the mid-20th century, Teal Blue gained popularity in design, particularly in the mid-century modern movement, celebrated for its versatility and appealing aesthetics.
Ranked by CIE76 ΔE — the perceptual distance from Teal Blue. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 45 Blues →Nine steps of Teal Blue by lightness — from #1C3D47 (darkest) to #96B7C1 (lightest). Click any to copy.
Sitting opposite Teal Blue at 14° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Teal Blue.
A 50–900 tonal scale with Teal Blue anchored at 500 — ready to drop into a design system. Click any step to copy.
Works well as text on light backgrounds; fails on dark.
Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.
Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.
color: #367588; color-mix(in srgb, #367588 70%, white) 194°, 60%, 53% 60, 14, 0, 47 3569032 #336699 How Teal Blue appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.