#189BCC
Cyan Blue - Digital Innovation
A vibrant, modern cyan blue that embodies digital innovation, freshness, and contemporary design. This tech-forward color represents clarity, communication, and forward-thinking creativity in the digital age.
Color Overview
#189BCC is a bright cyan blue that sits perfectly between pure blue and turquoise. This color is widely recognized in digital design for its modern, tech-forward appearance and excellent screen readability. It evokes feelings of innovation, clarity, and digital sophistication, making it a popular choice for technology brands, social media platforms, and contemporary web applications. The color's high luminosity and saturation create an energetic yet professional appearance that works exceptionally well in both light and dark design contexts.
Color Psychology
Cyan blue represents innovation, digital communication, and modern thinking. It stimulates creativity and mental clarity while maintaining a professional, trustworthy appearance.
Primary Keywords
Modern
Digital
Fresh
Innovative
Tech
Clean
Best Use Cases
Technology brands, social media platforms, SaaS applications, digital marketing, mobile apps, and contemporary web design projects.
Color Conversions
Complete technical specifications and color space conversions for #189BCC. These values ensure accurate color reproduction across different media, devices, and design applications.
HEX
#189BCC
Hexadecimal color code used in web design and digital applications.
RGB
rgb(24, 155, 204)
Red: 24, Green: 155, Blue: 204. Standard RGB color model for screens.
HSL
hsl(196, 79%, 45%)
Hue: 196°, Saturation: 79%, Lightness: 45%. Intuitive color representation.
HSV
hsv(196, 88%, 80%)
Hue: 196°, Saturation: 88%, Value: 80%. Used in color pickers.
CMYK
cmyk(88%, 24%, 0%, 20%)
Cyan: 88%, Magenta: 24%, Yellow: 0%, Black: 20%. For print design.
Decimal
1612748
Decimal representation: 1,612,748. Used in programming.
Web Safe
#0099CC
Closest web-safe color for legacy browser compatibility.
CIE-LAB
lab(62%, -18, -32)
L: 62, a: -18, b: -32. Perceptually uniform color space.
XYZ
xyz(26, 32, 62)
X: 26.4, Y: 32.1, Z: 62.3. CIE 1931 color space.
xyY
xyY(0.22, 0.27, 32)
x: 0.22, y: 0.27, Y: 32.1. Chromaticity coordinates.
CIE-LCH
lch(62%, 37, 241°)
L: 62, C: 37, H: 241°. Cylindrical LAB representation.
CIE-LUV
luv(62%, -38, -48)
L: 62, u: -38, v: -48. Alternative uniform color space.
Hunter-Lab
hunter(57, -16, -28)
L: 56.7, a: -16.2, b: -28.4. Hunter color space.
Binary
00011000 10011011 11001100
Binary representation of RGB values for low-level programming.
Color Harmony Schemes
Professionally curated color combinations based on color theory principles. These harmonious palettes work together to create balanced, visually appealing designs.
Monochromatic
Variations of cyan blue with different lightness values for cohesive, unified designs.
#0a4d66
#117499
#189bcc
#4db3d9
#82cbe6
Complementary
Opposite colors on the color wheel creating maximum contrast and visual impact.
#189bcc
#cc4e18
#e8f7fc
#fce8e0
#ffffff
Analogous
Adjacent colors on the color wheel for harmonious, naturally pleasing combinations.
#18cc9b
#18b4cc
#189bcc
#1882cc
#1869cc
Triadic
Three colors equally spaced on the color wheel for vibrant, balanced designs.
#189bcc
#cc189b
#9bcc18
#e8f7fc
#f5f5f5
Split Complementary
Base color with two adjacent to its complement for sophisticated contrast.
#189bcc
#cc3518
#ccaf18
#e8f7fc
#ffffff
Tetradic
Four colors arranged in two complementary pairs for rich, diverse palettes.
#189bcc
#18cc69
#cc4e18
#cc1882
#f5f5f5
Similar Color Alternatives
Closely related cyan blue shades that maintain similar visual characteristics. These alternatives offer subtle variations while preserving the modern, digital aesthetic.
#1a9bcb
Slightly lighter cyan
#169acd
Brighter variation
#1b9ccc
Warmer cyan blue
#179ace
Cooler variation
#1a9dcc
Balanced cyan
#189ccb
Subtle variation
Practical Usage Examples
Real-world implementation examples showing how #189BCC works in different design contexts. Copy and paste these code snippets directly into your projects.
Text Color
This is cyan blue text on white background
<span style="color:#189bcc;">Text</span>
Background Color
White text on cyan blue background
<div style="background:#189bcc; color:#fff;">Content</div>
Border Style
Content with cyan blue border
<div style="border:3px solid #189bcc;">Content</div>
Button Primary
Click Me
<button style="background:#189bcc; color:#fff; padding:12px 24px; border:none; border-radius:8px;">Button</button>
Link Style
Visit our website for more info
<a href="#" style="color:#189bcc;">Link</a>
Gradient Background
Gradient from cyan to deep blue
<div style="background:linear-gradient(135deg, #189bcc 0%, #0d7ba8 100%);">Content</div>
Shades & Tints
Progressive variations of #189BCC from darkest shades (mixed with black) to lightest tints (mixed with white). These variations maintain color harmony while offering different intensity levels.
Shade 90%
#051f29
Shade 75%
#0a3e52
Shade 60%
#0f5d7a
Shade 40%
#137ca3
Base Color
#189bcc
Tint 20%
#46afd6
Tint 40%
#74c3e0
Tint 60%
#a2d7eb
Tint 80%
#d0ebf5
Tint 95%
#e8f7fc
Tones (Gray Mixed)
Sophisticated tonal variations created by mixing #189BCC with neutral gray. These muted versions offer subtle, professional alternatives for backgrounds and secondary elements.
Tone 10%
#3d6a7d
Tone 20%
#4f7a8d
Tone 30%
#618a9d
Tone 40%
#739aad
Tone 50%
#85aabd
Tone 60%
#97bacd
Color Blindness Simulation
How #189BCC appears to individuals with different types of color vision deficiencies. Understanding these variations ensures inclusive, accessible design for all users.
Normal Vision
#189bcc
Standard color perception with full color vision capability.
Protanopia
#4a9ab8
Red-blind. Affects 1% of males. Color appears more blue-gray.
Deuteranopia
#3d9dc4
Green-blind. Most common, affects 1% of males. Slightly lighter.
Tritanopia
#2a9bb8
Blue-blind. Rare, affects 0.001%. Appears more teal-green.
Achromatopsia
#7a7a7a
Complete color blindness. Sees only grayscale values.
Protanomaly
#2e9bc2
Reduced red sensitivity. Affects 1% of males. Slightly muted.
Deuteranomaly
#2a9cc6
Reduced green sensitivity. Affects 6% of males. Most common.
Tritanomaly
#1f9bbd
Reduced blue sensitivity. Very rare. Slightly darker appearance.
Accessibility Guidelines
WCAG compliance and accessibility recommendations for using #189BCC in digital interfaces. These guidelines ensure your designs are usable by everyone.
Text Contrast Ratios
White text on #189BCC: 3.8:1 (AA Large Pass)
Black text on #189BCC: 5.5:1 (AA Pass)
#189BCC text on white: 3.8:1 (AA Large Pass)
#189BCC text on black: 5.5:1 (AA Pass)
Recommended for headings and large text (18px+)
Use darker shades for body text compliance
Best Practices
Use with white or very light backgrounds for optimal readability
Pair with dark text (#1a1a1a) for body content
Excellent for interactive elements like buttons and links
Provides good visibility for color-blind users
Works well in both light and dark mode interfaces
Maintains clarity at small sizes for icons and UI elements
WCAG Compliance
Level AA Compliance
#189BCC meets WCAG 2.1 Level AA standards for large text (18px+ or 14px+ bold) when used with white backgrounds. For body text, use darker shades like #137ca3 to achieve 4.5:1 contrast ratio required for Level AA compliance.
Level AAA Recommendations
For Level AAA compliance (7:1 contrast ratio), use #189BCC only for decorative elements or combine with very dark backgrounds. Consider using shade variations like #0f5d7a for critical text content.
Recommended Pairings
Cyan on White - Primary combination
Cyan with Dark Gray - Modern tech
Cyan with Light Tint - Subtle depth
Industry Applications
Real-world usage of #189BCC across different industries and design contexts. This color's versatility makes it ideal for modern digital applications.
Technology & SaaS
Widely used in tech companies, SaaS platforms, and software applications. The color conveys innovation, reliability, and digital sophistication. Perfect for dashboards, data visualization, and user interfaces.
Cloud computing platforms
Project management tools
Analytics dashboards
Developer tools and IDEs
Social Media & Communication
Popular in social networking, messaging apps, and communication platforms. The color promotes trust, openness, and connectivity while maintaining a modern, approachable feel.
Social networking platforms
Messaging applications
Video conferencing tools
Community forums
Healthcare & Wellness
Effective in healthcare apps, wellness platforms, and medical technology. The color suggests cleanliness, trust, and calm professionalism while remaining modern and accessible.
Telemedicine platforms
Health tracking apps
Medical device interfaces
Wellness and fitness apps
Finance & Fintech
Increasingly popular in modern financial services and fintech applications. The color balances trust and innovation, making it ideal for digital banking and investment platforms.
Digital banking apps
Investment platforms
Payment processing
Cryptocurrency exchanges
Education & E-Learning
Excellent for educational platforms, online courses, and learning management systems. The color promotes focus, clarity, and engagement while maintaining a professional appearance.
Online course platforms
Learning management systems
Educational apps for children
Virtual classroom tools
E-Commerce & Retail
Effective for modern e-commerce platforms and retail applications. The color creates a fresh, trustworthy shopping experience while highlighting interactive elements and calls-to-action.
Online marketplaces
Shopping cart interfaces
Product comparison tools
Customer review platforms
Design Principles & Psychology
Understanding the psychological impact and design theory behind #189BCC helps create more effective, emotionally resonant digital experiences.
Psychological Effects
Cyan blue creates a unique psychological response that combines the trust of blue with the energy of green. It stimulates mental clarity and promotes open communication.
Enhances focus and concentration
Promotes feelings of innovation and progress
Creates sense of digital sophistication
Encourages open communication and transparency
Reduces stress while maintaining energy
Inspires creativity and forward thinking
Cultural Associations
Cyan blue carries different meanings across cultures, though it generally maintains positive associations with technology, water, and sky.
Western cultures: Technology, innovation, digital
Eastern cultures: Healing, immortality, spirituality
Global: Water, sky, cleanliness, freshness
Modern context: Social media, connectivity
Professional: Trust, reliability, competence
Youth culture: Modern, trendy, digital-native
Brand Personality
Brands using cyan blue typically want to project a modern, innovative, and trustworthy image. This color works particularly well for tech-forward companies.
Innovative and forward-thinking
Trustworthy yet approachable
Modern and digitally native
Professional but not corporate
Energetic without being aggressive
Transparent and communicative
User Experience Impact
In UX design, cyan blue serves multiple functional purposes beyond aesthetics, improving usability and user engagement.
Excellent for clickable elements and CTAs
Draws attention without overwhelming
Creates clear visual hierarchy
Reduces eye strain on screens
Improves information retention
Enhances perceived credibility
Technical Specifications
Detailed technical information about #189BCC for developers, designers, and digital professionals working across different platforms and media.
Color Properties
Hue: 196° (Cyan-Blue range)
Saturation: 79% (Highly saturated)
Lightness: 45% (Medium-light)
Brightness: 80% (Bright)
Luminance: 32.1% (Medium)
Color Temperature: Cool (6500K+)
Screen Display
sRGB: Fully supported, accurate
Display P3: Enhanced vibrancy
Adobe RGB: Full gamut coverage
Rec. 2020: HDR compatible
OLED: Excellent power efficiency
LCD: Consistent reproduction
Print Specifications
CMYK: 88%, 24%, 0%, 20%
Pantone: Closest to 2995 C
Print gamut: Fully reproducible
Offset printing: Excellent results
Digital printing: Accurate match
Screen printing: Requires mixing
CSS Implementation
color: #189bcc;
background: #189bcc;
border: 2px solid #189bcc;
box-shadow: 0 4px 12px rgba(24, 155, 204, 0.3);
JavaScript Usage
const primaryColor = '#189bcc';
const rgb = 'rgb(24, 155, 204)';
const rgba = 'rgba(24, 155, 204, 0.8)';
Design Software
Figma: #189BCC or RGB 24, 155, 204
Sketch: #189BCC or HSL 196°, 79%, 45%
Adobe XD: #189BCC hex input
Photoshop: RGB 24, 155, 204
Illustrator: CMYK 88, 24, 0, 20
InDesign: Pantone 2995 C equivalent
SEO & Marketing Insights
How #189BCC cyan blue impacts marketing effectiveness, conversion rates, and brand perception in digital marketing campaigns.
Conversion Optimization
Cyan blue has been shown to improve click-through rates and conversions when used strategically in digital marketing.
Increases CTA button clicks by 15-20%
Improves email open rates when used in headers
Enhances trust signals on landing pages
Reduces bounce rates on tech-focused sites
Improves form completion rates
Increases social media engagement
Brand Recognition
Using cyan blue consistently helps build strong brand recognition, particularly in technology and digital service sectors.
High memorability in digital contexts
Strong association with innovation
Differentiates from traditional blue brands
Appeals to younger demographics
Creates modern brand perception
Enhances digital-first positioning
Target Demographics
Cyan blue resonates particularly well with specific demographic groups and psychographic profiles.
Millennials and Gen Z (18-40 years)
Tech-savvy professionals
Early adopters and innovators
Urban and suburban populations
Higher education demographics
Digital-native consumers
Marketing Applications
Strategic uses of cyan blue across different marketing channels and touchpoints.
Primary CTA buttons and action elements
Email marketing headers and links
Social media branding and posts
Landing page hero sections
Mobile app interfaces and icons
Digital advertising campaigns
