HomeColor Encyclopedia
Cyan / Teal

Turquoise Green #2AB783

#2AB783

A lively and invigorating hue that combines the coolness of turquoise with the freshness of green.

Generate palette with this color →

Emotion & Mood

Emotion
ExcitingRefreshing
Mood
LivelyVibrant

Personality & Symbolism

AdventurousEnergetic
Cultural Symbolism

Turquoise Green represents creativity, happiness, and a connection to nature. It is also associated with tranquility and balance.

Recommended Use

Ideal for modern design elements such as logos, branding, tech-related designs, and websites seeking a fresh and energetic feel.

Color Harmonies

Complementary
#2AB783
+
#b72a5d
Split Complementary
#b72aa4
#2AB783
#b73c2a
Darker Shades
Lighter Tints

Visual Analysis

Hue158°
Saturation63%
Lightness44%
This is a medium-toned color with high saturation. It falls in the cyan hue family (158°).

Technical Values

HEX#2AB783
RGBrgb(42, 183, 131)
HSLhsl(158, 63%, 44%)
CMYK77%, 0%, 28%, 28%
ContrastDark
CSSbackground: #2AB783;

Accessibility — WCAG Contrast

White Text Sample
The quick brown fox jumps.
2.56:1
AA AAA
Black Text Sample
The quick brown fox jumps.
8.20:1
AA AAA

WCAG 2.1 requires a contrast ratio of ≥4.5:1 for AA (normal text) and ≥7:1 for AAA. Best text color for this background: black (#000000).

Color Psychology

Color Temperature

This cool-toned color (hue 158°) evokes feelings of calm, trust, and intellectual focus. Cool colors tend to recede visually, creating depth and spaciousness in layouts.

Visual Weight

This mid-range lightness (44%) creates a balanced visual presence — neither heavy nor ethereal. It works well for both text and interactive elements.

Saturation Impact

The high saturation (63%) creates a vibrant, attention-demanding presence. Highly saturated colors are processed faster by the human brain — reaction time decreases by approximately 50ms compared to desaturated variants.

Design Applications

Technology & Innovation

Clean and modern — ideal for SaaS dashboards, tech startups, and digital product interfaces.

Healthcare & Wellness

Calming and clinical — commonly used in medical apps, healthcare portals, and wellness brands.

CTAs & Accents

High saturation draws attention — use for primary buttons, notification badges, and important interactive elements.

Similar Colors

Green-Blue (Sage Green, Teal)
#2E8666
Jade
#1FA774
Mediumspringgreen
#00FA9A
宁静蓝 (serenity is . . .)
#9ED1BF
Mediumaquamarine
#66CDAA
Aquamarine
#7FFFD4
Greenish Cyan
#2AFEB7
Greyish Blue-Green
#757877