HomeColor Encyclopedia
Cyan / Teal

Cyan-Blue (or Tealish Blue)

#19A9C5

A vibrant and refreshing shade of blue-cyan, often associated with digital interfaces and oceanic depths.

Generate palette with this color →

Emotion & Mood

Emotion
TranquilCalmRefreshing
Mood
SereneDeepRelaxing

Personality & Symbolism

MysteriousIntelligentCreative
Cultural Symbolism

Represents creativity, intuition, and innovation; it may also symbolize the depths of the ocean or digital technology.

Recommended Use

Ideal for digital interfaces, calming environments, corporate branding, and creative projects.

Color Harmonies

Complementary
#19A9C5
+
#c7371a
Split Complementary
#c71a53
#19A9C5
#c78d1a
Darker Shades
Lighter Tints

Visual Analysis

Hue190°
Saturation77%
Lightness44%
This is a medium-toned color with high saturation. It falls in the cyan hue family (190°).

Technical Values

HEX#19A9C5
RGBrgb(25, 169, 197)
HSLhsl(190, 77%, 44%)
CMYK87%, 14%, 0%, 23%
ContrastDark
CSSbackground: #19A9C5;

Accessibility — WCAG Contrast

White Text Sample
The quick brown fox jumps.
2.79:1
AA AAA
Black Text Sample
The quick brown fox jumps.
7.52: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 190°) 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 (77%) 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

Teal Blue (Slightly leaning towards Aqua)
#5BA0AE
CDDDE0
#CDDDE0
Deep Navy Blue
#234951
Cool Grey
#95A3A6
Cyan (Teal)
#0996AF
新橋 (Shinbashi)
#0089A7
浅葱 (Asagi)
#33A6B8
荷兰青 (dutch teal)
#148394