The Cyan Color Code: HEX, RGB, CMYK

Few colors hit as hard as cyan in a design layout.

Cyan is a cool secondary color sitting exactly halfway between blue and green on the color wheel, with RGB values of (0, 255, 255) and a hex code of #00FFFF.

It carries strong associations with water, clarity, and technology, and functions as a primary ink channel in the CMYK color model.

This guide covers everything from cyan’s color codes, shades, and color psychology to how it performs in interior design, fashion, branding, and paint mixing across different mediums.

Cyan Color Codes

Cyan sits exactly at the midpoint between blue and green on the color theory spectrum. Its codes are consistent across every design tool and print system.

• RGB: 0, 255, 255
• HEX: #00FFFF
• CMYK: C: 100%, M: 0%, Y: 0%, K: 0%
• HSL: 180°, 100%, 50%

In the RGB model, cyan uses zero red with full green and full blue. That combination produces the bright, cool tone you see on screens.

In CMYK printing, cyan is 100% cyan ink with no other additions. It is literally one of the four ink channels in the CMYK system, which means it needs no mixing at the printer level.

If you need to convert between formats, a RGB to HEX converter or a RGB to CMYK converter will get you accurate values fast. Worth bookmarking for print prep.

Cyan Color Palettes

Cyan works across a surprisingly wide range of color schemes. Below are the standard harmony types built from #00FFFF as the base.

Need inspiration beyond these harmonies? Browse the cyan color palettes collection for ready-to-use combinations. You might also find useful pairings in the teal color palettes and cool color palettes collections, since they overlap with cyan’s tone range quite a bit.

Cyan Shades

Cyan encompasses several distinct variations, from very light cyan and pale cyan to dark cyan and deep cyan-teal. Each differs in brightness, saturation, and lightness, with lighter tints leaning toward white and darker shades dropping toward near-black blue-greens. The tones between these extremes give designers a solid range to work with.

What Are the Primary Attributes of Cyan?

Cyan has five core attributes: hue (a pure 180-degree angle on the color wheel), maximum saturation (100% in HSL), medium lightness (50%), a cool-toned blue-green character, and strong associations with water and clarity.

It sits between blue and green, which makes it a secondary color in light-based systems and a primary ink in CMYK printing. That dual role is actually pretty unusual for a single color.

How Is Cyan Used in Interior Design?

Cyan works as both an accent and a statement color in interior spaces, creating cool, airy rooms that feel open and clean. Designers use it on feature walls, in bathroom tiles, and through textiles to build a fresh, modern atmosphere.

It pairs well with white and light gray for a minimal look. Add navy or charcoal and the space picks up depth. Kitchens and bathrooms see the most cyan use because of its association with water and cleanliness.

In terms of style compatibility, cyan fits naturally into contemporary, Scandinavian, and coastal interiors. It is less common in warm-toned spaces unless used sparingly as a contrast note.

What Psychology and Emotions Does Cyan Evoke?

Cyan evokes feelings of calm, clarity, freshness, and focus through its connection to water, open skies, and cool natural settings. Color psychology research links cyan to reduced stress, improved concentration, and a general sense of mental openness.

It communicates trust and transparency without the formality of darker blues. That makes it useful in healthcare, tech, and wellness contexts where people want to feel safe but not intimidated.

Culturally, cyan reads differently across contexts. In Western design it signals modernity. In some East Asian traditions, blue-green tones carry associations with healing and protection. Worth considering if you are working on global branding.

How Is Cyan Applied in Fashion and Clothing?

Cyan serves as a bold statement color in fashion, especially in spring and summer collections where its brightness fits the season. Designers use it in dresses, swimwear, activewear, and accessories to add visual energy to an outfit.

It works well against neutral tones like white, beige, and gray, keeping the look balanced rather than loud. Pair it with coral or peach for a more dynamic, contrasting combination.

Skin undertone matters here. Cyan tends to complement cooler and olive skin tones more naturally. On warmer undertones, a slightly softened or darker shade of cyan often works better than the full-saturation version.

What Colors Complement and Contrast With Cyan?

Cyan complements red, magenta, navy blue, white, and black while contrasting effectively with orange, warm yellow, and deep red. These combinations produce color palettes that use cyan’s cool clarity to full effect.

Complementary Colors

Cyan + Red

• Color Theory Basis: Direct complements at 180 degrees apart on the color wheel
• Visual Effect: High-contrast pairing with strong visual tension
• Best Applications: Posters, packaging, call-to-action elements in web design
• Ratio Recommendations: 70% cyan, 30% red works better than a 50/50 split
• Example Uses: Tech brand campaigns, sports branding, editorial layouts

Cyan + White

• Color Theory Basis: Achromatic pairing that amplifies cyan’s brightness
• Visual Effect: Clean, clinical, open feeling with strong readability
• Best Applications: Healthcare UI, minimal web layouts, bathroom interiors
• Ratio Recommendations: 20-30% cyan as accent against dominant white
• Example Uses: Medical app interfaces, modern poster design, product packaging

Cyan + Navy Blue

• Color Theory Basis: Analogous-adjacent pairing within the cool spectrum
• Visual Effect: Sophisticated, layered depth with clear tonal separation
• Best Applications: Corporate branding, interior design, fashion pairings
• Ratio Recommendations: 60% navy, 40% cyan for balance
• Example Uses: Financial brands, nautical-themed interiors, business card design

Cyan + Magenta

• Color Theory Basis: Both are CMYK primaries, creating a vibrant split
• Visual Effect: Bold, energetic, distinctly digital feel
• Best Applications: Music festivals, gaming, neon-influenced design
• Ratio Recommendations: Equal split or slight cyan dominance
• Example Uses: Event posters, app iconography, streetwear graphics

Contrasting Colors

Cyan + Orange

• Contrast Type: Complementary (opposite warm/cool)
• Visual Impact: Energetic, bold, instantly attention-grabbing
• Best Applications: Retail signage, social media graphics, packaging
• Balance Strategies: Use one as dominant and the other as a small accent only

Cyan + Warm Yellow

• Contrast Type: Split-complementary with warm-cool tension
• Visual Impact: Fresh, upbeat, summery energy
• Best Applications: Children’s products, food branding, seasonal campaigns
• Balance Strategies: Neutral white or gray can bridge the two without flattening either

Cyan + Deep Red

• Contrast Type: Full complementary with high value contrast
• Visual Impact: Dramatic, high-impact, slightly retro depending on shades chosen
• Best Applications: Vintage-inspired posters, bold editorial, strong brand statements
• Balance Strategies: Keep deep red to 20% or less; it dominates quickly

Color Scheme Types

• Monochromatic: Use pale cyan (#E0FFFF), medium cyan (#00CCCC), pure cyan (#00FFFF), and dark cyan (#008B8B) together for layered depth without introducing new hues
• Analogous: Pair cyan with blue-green (#00FF80) and sky blue (#0080FF) for a cool, cohesive feel
• Triadic: Cyan (#00FFFF) + magenta (#FF00FF) + yellow (#FFFF00) for a full-saturation, three-way split
• Split-Complementary: Cyan with hot pink (#FF0080) and orange (#FF8000) gives variety while softening the direct complement hit
• Tetradic: Cyan + blue + red + orange creates a four-color palette that needs careful management to avoid chaos

Practical Pairing Guidelines

• 60-30-10 Rule Application: Use cyan as the 10% accent in most layouts unless building a cyan-dominant brand identity
• Accent Color Strategy: Cyan works well as a focal point color for buttons, links, and interactive elements where its brightness draws the eye
• Neutral Bridging: White, light gray, and charcoal all sit comfortably next to cyan and help connect it to other bold colors without visual clutter

How Does Cyan Differ From Similar Cool Colors?

Cyan differs from teal (darker, more blue-dominant), turquoise (slightly greener and less saturated), aqua (nearly identical but with a marginally greener lean), and sky blue (lighter, less green) through its balance of full saturation and equal green-blue values.

Visual Comparison Chart

How Do You Create Cyan in Different Mediums?

Create cyan by mixing blue and green in paint, setting RGB values to (0, 255, 255) in digital tools, or using 100% cyan ink in CMYK print. Getting it right depends on the medium since each handles color differently.

Acrylic Paint

Mix phthalo blue and phthalo green together as your base. These two pigments produce a result close to cyan, but the mix will likely be too dark out of the gate.

Add titanium white to lift the lightness. Start with a 1:1 blue-to-green ratio, then adjust. Too green? Add more blue. Too blue? Shift green up slightly. Adding a tiny amount of white is almost always necessary.

• Common mistake: Using ultramarine blue instead of phthalo blue. Ultramarine pulls too warm and the result reads purple-green rather than cyan.
• Adjustment tip: If the result looks muddy, it is likely from unclean brushes or leftover pigment on the palette. Start fresh.

Oil Paint

Use Phthalo Blue (Green Shade, PB15:3) as the primary pigment. This alone, thinned and mixed with Phthalo Green, gets you into the cyan range.

Oil pigments shift slightly as they dry. Cyan mixes tend to stay fairly true, but add white incrementally. Zinc white works better here than titanium for maintaining color transparency.

Watercolor

Phthalo Blue or Winsor Blue (Green Shade) diluted heavily gives a clean cyan wash. The more water you add, the lighter and more transparent the result.

For a layered approach, start with a very light wash, let it dry fully, then glaze another thin layer over it to build the intensity. Avoid overworking the paper while wet.

Gouache

Cobalt Turquoise is actually one of the more reliable single-pigment options for cyan in gouache. Mix it with a touch of Phthalo Blue (Green Shade) to shift it toward pure cyan if needed.

Gouache dries lighter than it looks wet, so test swatches on the same paper before committing to large areas. Cyan in gouache can look washed out if the paint is too diluted.

Print / CMYK

• Cyan: 100%
• Magenta: 0%
• Yellow: 0%
• Black: 0%
• Printing considerations: Coated paper maintains cyan’s brightness better than uncoated stock. On uncoated paper, expect a noticeable shift toward a softer, slightly duller result.
• Pantone matching: Pantone Process Cyan C is the closest match. PMS 2995 C is also frequently used as a process cyan equivalent for spot color work.

For quick format conversions, a HEX to RGB converter or the HSL to RGB converter makes the process straightforward when switching between design environments.

What Are the Best Practices for Using Cyan in Design?

Best practices for cyan include checking contrast ratios against background colors, using it sparingly as an accent in text-heavy layouts, pairing it with neutral tones to avoid visual overload, and testing it across screen types since cyan renders very differently on OLED vs standard LCD displays.

Cyan fails the WCAG contrast test against white backgrounds when used for body text. It is not readable at small sizes on light surfaces. Use it for larger type, borders, icons, or backgrounds where text sits in a contrasting dark color instead. A color contrast checker is a quick way to verify this before finalizing a layout.

In terms of visual hierarchy, cyan draws attention fast. That is useful for CTA buttons and interactive states, but it can work against you if overused. Reserve it for elements that actually need to stand out.

Cyan also works well in gradient transitions, particularly when shifting between cyan and blue or cyan and green. These combinations stay within the cool spectrum and feel cohesive rather than jarring.

What Role Does Cyan Play in Branding and Marketing?

Cyan plays a key signaling role in branding, communicating clarity, innovation, and trust to audiences. Marketing research links cyan to positive responses in tech, healthcare, and digital-first brands, making it well-suited for companies seeking a clean, forward-looking identity.

It tends to show up in industries where transparency and precision matter. Think software platforms, medical devices, fintech apps, and environmental brands. The association with water and openness makes it a reliable choice when the goal is approachable credibility rather than authority.

Cyan also pairs easily with dark backgrounds in digital branding, where it reads as a glowing, energetic accent. That quality has made it popular in gaming, cybersecurity, and developer-facing products where a high-tech edge is part of the brand message.

When building a brand identity with cyan, consistency across print and digital is tricky. The pure #00FFFF value looks electric on screen but shifts noticeably in print. Defining both your screen hex and your closest Pantone match in your brand guidelines early prevents headaches later. It is one of those things that seems minor until your printed brochures come back looking nothing like your website.

FAQ on Cyan Color

What Is Cyan Color?

Cyan is a cool blue-green color sitting at exactly 180 degrees on the color wheel.

Its hex code is #00FFFF, with RGB values of (0, 255, 255). It functions as a primary ink in CMYK printing and a secondary color in light-based RGB systems.

What Is the Hex Code for Cyan?

The standard hex code for cyan is #00FFFF, also written as #0FF in shorthand.

This value is identical to aqua in CSS and web color systems. Both names refer to the exact same color at full green and blue saturation with zero red.

What Colors Make Cyan?

In light-based systems, green and blue combine at full intensity to produce cyan.

In paint, mix phthalo blue with phthalo green, then add white to reach the right brightness. The exact ratio depends on your specific pigments, so test swatches first.

What Is Cyan Used For in Printing?

Cyan is one of the four ink channels in the CMYK color model, alongside magenta, yellow, and black.

It absorbs red light and combines with the other inks to reproduce the full color spectrum on paper. Without it, printed color reproduction breaks down significantly.

What Is the Difference Between Cyan and Teal?

Cyan is brighter and fully saturated at HSL (180, 100%, 50%), while teal sits at a much darker HSL (180, 100%, 25%).

Teal has a more subdued, sophisticated feel. Cyan reads as vivid and digital. They share the same hue angle but differ completely in lightness and overall mood.

What Does Cyan Symbolize?

Cyan is associated with clarity, calm, focus, and openness.

Color psychology research links it to reduced stress and improved concentration. Its connection to water and sky gives it a naturally fresh quality, which is why tech and healthcare brands reach for it often.

Does Cyan Work Well in Interior Design?

Yes, particularly in bathrooms, kitchens, and coastal-style spaces where its water association feels natural.

Pair it with white or light gray for a clean, modern result. Add navy blue or charcoal if you want more depth. It works as both an accent and a full feature wall color.

Is Cyan a Primary or Secondary Color?

It depends on the color model. In the RGB color model, cyan is a secondary color formed by combining green and blue light.

In CMYK, it is a primary color. This dual role is one of the more interesting things about cyan from a color theory perspective.

What Colors Go Well With Cyan?

Cyan pairs well with white, black, navy, magenta, and coral.

For a bold contrast, red is its direct complementary color on the wheel. For something softer, analogous pairings with blue-green and sky blue keep things cohesive without the visual tension.

What Is the Difference Between Cyan and Turquoise?

Cyan is fully saturated at #00FFFF with equal green and blue values.

Turquoise leans slightly greener and sits at a lower saturation, around #40E0D0. It has a softer, gemstone-inspired quality compared to cyan’s sharp, screen-like brightness. The two are close but visually distinct side by side.

Conclusion

This conclusion is for an article presenting cyan color as one of the most versatile and precisely defined hues in both digital and print design.

From its role as a CMYK primary ink to its position on the visible light spectrum near 490-520nm, cyan carries more technical weight than most designers give it credit for.

Its cool hue sits equally between blue and green, giving it a natural flexibility across color schemes, from monochromatic tints and shades to bold triadic and split-complementary palettes.

Whether you are working with color saturation, mixing pigments, building a brand identity, or choosing a wall color, understanding cyan’s specific values and behaviors helps you use it with confidence rather than guesswork.

• Author
• Recent Posts

Bogdan Sandu

Bogdan Sandu is a seasoned designer who has been designing websites since 2008.

Renowned for his expertise in logo design and visual branding, Bogdan has developed a multitude of logos for various clients.

His skills extend to creating posters, vector illustrations, business cards, and brochures. Additionally, Bogdan's UI kits were featured on marketplaces like Visual Hierarchy and UI8.

He also wrote in the past years on sites like Design Your Way, WebDesignerDepot, WPDean, Designmodo, Speckyboy, Slider Revolution, and more.

Latest posts by Bogdan Sandu (see all)

• Elegant Cormorant Garamond Font Pairing Inspiration - 3 August 2026
• Pantone to RAL Converter - 2 August 2026
• What Is an Oblique Font and When Should You Use It? - 1 August 2026