Digital #79F8FC

Cyan • Aqua • Electric Blue • The color of innovation, clarity, and digital waters

Hexadecimal

#79F8FC

RGB

121, 248, 252

HSL

182°, 95%, 73%

CMYK

52, 2, 0, 1

Variations

Shades, Tints & Tones

Explore the full spectrum of cyan variations, from deep ocean blues to light sky tints.

Tints (Adding White)

Lightest Tint

#E6FDFE

Very Light Tint

#BCFAFD

Light Tint

#9DF9FD

Pure Cyan

#79F8FC

Shades (Adding Black)

Light Shade

#61C6CA

Medium Shade

#4A9498

Dark Shade

#326266

Darkest Shade

#1A3133

Deep Shade

#0D1819

Tones (Adding Gray)

Light Tone

#8DD4D7

Medium Light Tone

#7AB8BB

Medium Tone

#679C9F

Medium Dark Tone

#548083

Dark Tone

#416467

Darker Tone

#2E484A

Conversions

Color Format Conversions

Cyan expressed in every major color format. Click any value to copy it to your clipboard.

Digital

Web & Screen

HEX #79F8FC

RGB 121, 248, 252

RGBA 121, 248, 252, 1

HSL 182°, 95%, 73%

CMYK & Design

CMYK 52, 2, 0, 1

HSV 182°, 52%, 99%

HWB 182° 48% 1%

Technical

Advanced Models

LAB 93.5, -28.4, -11.2

LCH 93.5, 30.5, 201.5°

XYZ 67.8, 82.4, 103.2

Gradients

Gradient Combinations

Stunning gradient designs featuring cyan. Perfect for backgrounds, overlays, and modern UI elements.

Cyan Monochrome

Cyan to Dark Cyan

Cyan to Blue

Electric Waters

Cyan to Mint

Fresh Breeze

Black to Cyan

Neon Glow

Cyan to Pink

Vibrant Duo

Cyan to White

Sky Fade

Radial Cyan

Glowing Core

Triple Cyan

Depth Gradient

Complementary

Cyan to Red

Neon Stripe

Tech Style

Radial Fade

Soft Glow

Conic Spin

Rotating Energy

Harmonies

Color Relationships

Discover harmonious color combinations that work beautifully with cyan.

Complementary

Colors opposite on the color wheel create maximum contrast and visual impact.

Perfect for call-to-action buttons and high-contrast interfaces

Triadic

Three colors evenly spaced on the wheel create vibrant, balanced schemes.

Ideal for playful, energetic designs and gaming interfaces

Analogous

Adjacent colors create harmonious, nature-inspired palettes.

Great for calming, cohesive designs and wellness apps

Monochromatic

Variations of a single hue create sophisticated, cohesive designs.

Perfect for professional, minimalist designs and corporate sites

Split Complementary

Base color plus two adjacent to its complement for nuanced contrast.

Excellent for vibrant yet balanced e-commerce designs

Tetradic

Four colors arranged in two complementary pairs for rich variety.

Best for complex dashboards and data visualization

Square

Four colors evenly spaced around the color wheel for dynamic balance.

Ideal for creative portfolios and artistic projects

Neutral Combination

Cyan paired with neutral tones for professional, modern aesthetics.

Perfect for tech startups and SaaS platforms

Psychology

The Meaning of Cyan

Understanding the psychological and cultural significance of cyan.

💧

Clarity & Freshness

Cyan evokes feelings of cleanliness, purity, and refreshment. It's associated with clear water, fresh air, and open skies, making it perfect for health and wellness brands.

🚀

Innovation & Technology

As a digital-native color, cyan represents cutting-edge technology, innovation, and the future. It's widely used in tech interfaces and futuristic designs.

🧘

Calm & Tranquility

The cool, soothing nature of cyan promotes relaxation and mental clarity. It's ideal for meditation apps, wellness platforms, and stress-relief products.

💬

Communication

Cyan facilitates clear communication and expression. It's commonly used in messaging apps, social platforms, and communication tools to encourage openness.

Applications

Where Cyan Excels

Discover the industries and contexts where this vibrant color makes the strongest impact.

💻

Tech & Software

Perfect for SaaS platforms, developer tools, and tech startups. Creates a modern, professional atmosphere that resonates with technical audiences.

🏥

Healthcare & Medical

Ideal for medical apps, healthcare platforms, and wellness services. Conveys cleanliness, trust, and professionalism in medical contexts.

🌊

Water & Marine

Natural choice for water-related businesses, marine conservation, and aquatic sports. Instantly communicates connection to water and ocean.

✈️

Travel & Aviation

Excellent for airlines, travel apps, and tourism brands. Evokes feelings of adventure, freedom, and exploration of new horizons.

🎮

Gaming & Esports

Popular in gaming interfaces, esports branding, and streaming platforms. Creates an energetic, futuristic atmosphere for competitive gaming.

🔬

Science & Research

Perfect for scientific institutions, research platforms, and educational tech. Conveys precision, clarity, and intellectual rigor.

Implementation

Code Examples

Ready-to-use code snippets for implementing cyan in your projects.

CSS Variables

:root {

  --cyan: #79f8fc;

  --cyan-light: #a3fbfd;

  --cyan-dark: #4dd4d9;

}

.button {

  background: var(--cyan);

  color: #1a1a1a;

  box-shadow: 0 10px 30px rgba(121, 248, 252, 0.3);

}

Accessibility

Contrast & Readability

Ensure your designs meet WCAG accessibility standards with proper contrast ratios.

On Dark Backgrounds

Cyan Text

Contrast Ratio: 12.8:1

AAA Compliant ✓

Excellent contrast for all text sizes. Perfect for dark mode interfaces and tech applications.

On Light Backgrounds

Cyan Text

Contrast Ratio: 1.64:1

Fails WCAG ✗

Poor contrast. Use darker shades like #2ab0b5 or #1a3133 for text on light backgrounds.

Best Practices

Design Guidelines

Expert recommendations for using cyan effectively in your design projects.

✓ Do's

Use on dark backgrounds for maximum visual impact and readability
Pair with black, navy, or charcoal for professional tech aesthetics
Apply to interactive elements, links, and active states
Combine with complementary colors for vibrant, energetic designs
Use for water, tech, and healthcare-related branding
Test all contrast ratios to ensure accessibility compliance

✗ Don'ts

Avoid using on white or light backgrounds without darkening
Don't use for body text or long-form reading content
Avoid pairing with similar blues (creates muddy appearance)
Don't overuse—it can overwhelm and fatigue viewers
Avoid in warm, earthy, or traditional design contexts
Don't use for food or restaurant branding (unappetizing)

Inspiration

Famous Brands Using Cyan

Learn from successful brands that leverage cyan in their visual identity.

🐦

Twitter / X

Uses cyan-blue as its primary brand color to convey communication, openness, and connection. The color has become synonymous with social media and real-time conversation.

📱

Skype

Leverages cyan to represent clear communication and global connectivity. The color reinforces the brand's mission of bringing people together across distances.

🎵

Vimeo

Uses cyan to differentiate from competitors and convey creativity and professionalism. The color appeals to creative professionals and content creators.

💼

Employs cyan-blue to represent professionalism, trust, and career growth. The color creates a serious yet approachable atmosphere for professional networking.

✓ Copied to clipboard!