The Blue Color Code: HEX, RGB, CMYK

Few colors carry as much weight as blue.

Blue is a cool primary color that sits at 240 degrees on the color wheel, composed purely of blue light in the RGB model with values of (0, 0, 255). It anchors the visible spectrum between cyan and violet, and functions as one of the three base colors in both RGB and the CMYK printing system.

It shows up everywhere, from the sky and ocean to the logos of the world’s most recognized brands. That presence is not accidental.

This article covers everything from blue color codes and shades to its role in color psychology, interior design, fashion, and branding, giving you a complete reference for working with blue across any medium.

Blue Color Codes

Pure blue sits at the cool end of the visible spectrum, with a hue angle of 240 degrees in the HSL color space. It is one of the three primary colors in the RGB color model, meaning it cannot be created by mixing other screen colors together.

Knowing the exact values matters. Whether you are working in CMYK for print or hex for the web, the numbers need to be right.

• RGB: 0, 0, 255
• HEX: #0000FF
• CMYK: C:100, M:100, Y:0, K:0
• HSL: 240deg, 100%, 50%

On the color theory wheel, blue sits between cyan and violet. It is a cool tone, meaning it tends to recede visually and reads as calm and steady. You will often find it grouped with greens and purples in cool color palettes.

Need to convert between formats? A RGB to HEX converter or a HEX to RGB converter can handle that instantly. For print work, an RGB to CMYK converter saves time. And if you are working in HSL, the HSL to RGB converter is useful when you need screen-ready values.

—

Blue Color Palettes

Blue works across every major color palette type. Its complementary color is orange, which creates strong contrast. Its analogous neighbors, cyan and violet, keep things harmonious. The table below covers the key harmony types built around pure blue (#0000FF).

If you want to generate custom combinations, the color palette generator is worth bookmarking. You can also explore ready-made blue color palettes for quick inspiration across design projects.

—

Blue Shades

Blue covers a wide range of tones, from near-white pastels to near-black navies. Some lean toward green (cyan, turquoise), others pull toward purple (indigo, violet-blue). Brightness and saturation shift dramatically across the range, which is why two “blue” rooms can look completely different.

The shades below span from the lightest tints to the darkest tones, each with its own personality in design.

Blue covers sky blue, baby blue, cornflower, cobalt, royal, navy, and midnight blue, among others.

Each variation differs in saturation and lightness composition, with some leaning lighter toward white and others darker toward black, creating distinct looks across applications.

There are also interesting crossover shades to consider. Blue-gray sits in neutral territory, useful when you want blue without full saturation. Blue-green pulls toward teal and works well in nature-inspired palettes.

—

What Are the Primary Attributes of Blue?

Blue has five primary attributes: hue (derived from a 240-degree position on the color wheel), cool temperature (positioning it among cool tones), high saturation at full intensity, strong psychological associations with trust, and consistent use as a primary color across digital and print systems.

It is a hue that sits opposite orange on the color wheel, which is why that pairing creates such immediate visual tension. And unlike warm colors, blue tends to recede visually rather than push forward, which affects how it behaves in spatial design.

—

How Is Blue Used in Interior Design?

Blue functions as both a foundational and accent color in interior design, creating calm, open-feeling spaces. Designers use it for wall paint, upholstery, and textiles to build everything from serene minimalist rooms to dramatic, moody environments.

Light blues work well in bedrooms and bathrooms, where a relaxed atmosphere is the goal. Navy and deep blues shift toward sophistication and authority, making them a solid choice for living rooms, libraries, and home offices.

Pairing blue walls with white trim is one of the most reliable combinations in residential design. It is clean, classic, and visually easy to live with. On the other end, mixing navy with brass hardware or warm wood tones adds richness without feeling heavy.

Blue also plays well with white space. In Scandinavian and minimalist design, softer blue tones like powder blue and pastel blue keep rooms feeling airy and uncluttered. Check the pastel blue guide for specific hex values if you need them for a project.

—

What Psychology and Emotions Does Blue Evoke?

Blue evokes feelings of calm, trust, stability, and openness through its association with sky and water. Color psychology research shows blue lowers perceived tension, builds credibility, and creates environments that support focus and relaxation.

That said, it is not one-dimensional. Darker shades can feel cold or distant if not balanced properly. Overly saturated blue in large quantities can feel harsh. Shade selection matters more than people realize.

Physiologically, blue is thought to slow the heart rate slightly and reduce stress responses. That is part of why hospitals and healthcare brands lean heavily on it. The emotional response is fairly consistent across cultures, which makes blue one of the safest colors to use when targeting a broad, international audience.

Cultural associations vary more than the physiological ones. In Western contexts, blue signals authority and reliability. In some Eastern cultures, it carries associations with mourning. Worth knowing if you are designing for a specific regional market.

—

How Is Blue Applied in Fashion and Clothing?

Blue is a wardrobe staple in fashion, offering versatility through denim, tailoring, outerwear, and formal wear. Designers use it for its cross-seasonal appeal, skin-tone compatibility, and ability to shift from casual to formal depending on shade and fabric.

Denim is the obvious example. It has been a constant across decades, styles, and demographics. But blue in fashion goes well beyond jeans.

Navy suits read as professional and polished. Royal blue is bold and confident as an evening color. Sky blue shirts feel relaxed and approachable. The shade does a lot of the communication work before you even say anything.

In terms of skin undertones, blue generally works across a wide range, though cooler blues (with more red or purple undertones) tend to complement cooler skin tones, while warmer blues like teal or cobalt work better on warmer complexions. Your mileage may vary, obviously.

On the runway, blue consistently appears in both structured and fluid forms. Electric blue and neon blue show up in bold statement pieces, while pastel blue and powder blue dominate spring collections.

—

What Colors Complement and Contrast With Blue?

Blue complements white, gray, gold, green, and purple while contrasting strongly with orange, red, and yellow. These pairings create balanced palettes that use blue’s cool temperature and strong visual weight to good effect across design contexts.

Complementary Colors

Blue + White

• Color Theory Basis: White amplifies blue’s saturation without competing with it
• Visual Effect: Clean, fresh, high-contrast combination
• Best Applications: Web design, print, interiors, branding
• Ratio Recommendations: 70% white, 30% blue for airy layouts; 50/50 for bold impact
• Example Uses: Greek-inspired interiors, coastal design, healthcare branding

Blue + Gold

• Color Theory Basis: Gold’s warm yellow undertone contrasts blue’s cool tone
• Visual Effect: Rich, premium, authoritative
• Best Applications: Luxury branding, formal interiors, packaging design
• Ratio Recommendations: 60% blue, 40% gold; use gold as accent at 10-20% for restraint
• Example Uses: Financial institutions, award materials, editorial design

Blue + Green

• Color Theory Basis: Analogous colors on the color wheel create natural harmony
• Visual Effect: Calm, nature-inspired, cohesive
• Best Applications: Environmental branding, wellness design, interiors
• Ratio Recommendations: 60% blue, 40% green or equal split
• Example Uses: Nature brands, spa interiors, sustainability campaigns

Blue + Gray

• Color Theory Basis: Gray is a desaturated neutral that supports blue without overpowering it
• Visual Effect: Professional, modern, restrained
• Best Applications: Corporate design, UI/UX, architecture
• Ratio Recommendations: 40% blue, 60% gray for corporate settings
• Example Uses: Tech companies, financial dashboards, office interiors

Contrasting Colors

Blue + Orange

• Contrast Type: Direct complementary color scheme (opposite on the color wheel)
• Visual Impact: Maximum contrast, high energy, immediately attention-grabbing
• Best Applications: Sports branding, retail signage, campaign design
• Balance Strategies: Use orange sparingly as an accent (10-20%); too much of both fights for attention

Blue + Yellow

• Contrast Type: Near-complementary; strong warm/cool opposition
• Visual Impact: Cheerful, bold, high visibility
• Best Applications: Wayfinding, children’s design, advertising
• Balance Strategies: Use yellow as accent color; full 50/50 split can feel overwhelming

Blue + Red

• Contrast Type: Triadic, warm/cool contrast
• Visual Impact: Patriotic, bold, high energy
• Best Applications: Poster design, political branding, sports teams
• Balance Strategies: Neutral buffer (white or black) keeps the combination controlled

Color Scheme Types

• Monochromatic: Use tints, shades, and tones of blue, from near-white powder blue to near-black midnight blue. Works well for sophisticated, unified designs.
• Analogous: Combine blue with cyan and violet for a natural, cohesive palette. See ready-made sea color palettes for examples.
• Triadic: Blue with red and green. Bold and balanced. Needs careful application, especially in web design.
• Split-Complementary: Blue with yellow-orange and red-orange. More nuanced than straight complementary. Easier to balance. Learn more about the split-complementary color scheme.
• Tetradic/Double-Complementary: Blue + orange + green + red. Covers the full wheel. Use one dominant color and treat the rest as accents. Explore the tetradic color scheme in more detail.

Practical Pairing Guidelines

• 60-30-10 Rule: Blue as the dominant 60%, a supporting color at 30%, and a contrast accent at 10%. This keeps things grounded and readable.
• Accent Color Strategy: Orange or gold at 10% over a blue-dominant layout creates immediate visual focus without clutter.
• Neutral Bridging: When using blue + orange or blue + red together, add white, gray, or cream between them. It separates the tension and keeps the palette from feeling aggressive.

Use a color contrast checker when pairing blue with text or UI elements to confirm you meet accessibility standards.

—

How Does Blue Differ From Similar Cool Colors?

Blue differs from teal (more green, less pure), indigo (more purple, darker), cyan (equal blue and green, lighter and brighter), and periwinkle (more lavender, softer) through its specific balance of hue, saturation, and brightness.

The practical difference between these colors becomes obvious when you put them next to each other. Teal leans green enough to pair with earthy tones. Indigo pulls purple enough to pair with gold and cream. Pure blue stays squarely in the middle, which is exactly why it is so flexible.

—

How Do You Create Blue in Different Mediums?

Create blue by using Phthalo Blue or Ultramarine pigments in paint, entering #0000FF in digital tools, or setting RGB values to (0, 0, 255) in screen-based applications, ensuring the blue channel dominates for accurate color reproduction.

Acrylic Paint

Blue in acrylics is straightforward since dedicated blue pigments are widely available. Phthalo Blue (Green Shade) is intense, cold, and highly tinting. Ultramarine Blue is warmer and slightly more purple. Use them alone or blend to get the exact tone you want.

• Base colors needed: Phthalo Blue, Ultramarine Blue, Cobalt Blue
• Mixing ratios: For mid-range blue, start with Ultramarine and adjust with small amounts of Phthalo
• Step-by-step: (1) Start with Ultramarine on a clean palette, (2) add Phthalo in small increments for a cooler tone, (3) add Titanium White to lighten
• Common mistakes: Adding too much Phthalo at once. It is extremely strong and shifts the hue fast.
• Adjustment tips: Too green? Add a tiny touch of Quinacridone Magenta. Too purple? Add a drop of Phthalo Blue Green Shade.

Oil Paint

Oil paint behaves differently. Colors shift as they dry, and Phthalo Blue especially can darken slightly. Ultramarine in oils is classic and trusted.

• Pigments required: Ultramarine Blue (PB29), Phthalo Blue (PB15), Cobalt Blue (PB28)
• Mixing technique: Use a palette knife for large mixes to prevent contamination
• Drying considerations: Phthalo-based blues can look slightly different wet vs. dry; test on a scrap before committing to a piece

Watercolor

Watercolor blue is about dilution and layering. Full-strength Phthalo Blue in watercolor is almost overwhelming. Always start more diluted than you think you need.

• Pigment selection: Phthalo Blue (transparent, high staining), Cerulean (semi-opaque, granulating), Ultramarine (granulating, good for skies)
• Dilution ratios: Start at roughly 1 part pigment to 5-8 parts water for mid-tone blue
• Layering technique: Build from light to dark; blue watercolor is hard to lighten once dry

Gouache

Gouache blue behaves like a mix between watercolor and acrylic. It is opaque and dries slightly lighter than it looks wet, especially in saturated blues.

• Use Ultramarine or Phthalo Blue as base
• Mix with Titanium White for lighter shades
• Rewettable, so adjust after drying
• Watch for color shift on drying: test first

Print/CMYK

• Cyan: 100%
• Magenta: 100%
• Yellow: 0%
• Black: 0%
• Printing considerations: Pure blue in CMYK uses maximum cyan and magenta. On uncoated paper it can look duller; coated stock gives more accurate results.
• Pantone matching: Pantone 2728 C is the closest match to pure #0000FF in the Pantone system for print work

For quick number conversions when switching between color models, a CMYK to RGB converter handles the math fast.

—

What Are the Best Practices for Using Blue in Design?

Best practices for blue include maintaining sufficient contrast for text legibility, testing across both screen and print, using shade intentionally based on emotional context, and checking WCAG accessibility standards when blue appears as a background. Designers should avoid using pure #0000FF on dark backgrounds and ensure the blue’s tone matches the intended brand message.

A few things I have seen trip people up repeatedly:

• Using pure blue (#0000FF) for body text. It passes contrast checks on white, but it is visually uncomfortable at small sizes. Darker blues like navy work much better for readability.
• Assuming all blues feel the same. Sky blue feels casual. Midnight blue feels serious. Using the wrong shade for a client’s brand is a real problem.
• Not checking how blue renders in print vs. screen. RGB blue looks vibrant on screen but can feel flat in CMYK. Always run a physical proof.

For layout work, blue works well as the dominant visual hierarchy color in headers and calls-to-action. It draws the eye reliably without feeling aggressive. Pair it with a neutral like white or light gray for backgrounds to let the blue breathe.

In web design, blue buttons consistently show strong click-through rates in usability tests. That is not magic, it is just decades of conditioning from major platforms using blue for interactive elements.

—

What Role Does Blue Play in Branding and Marketing?

Blue plays a dominant trust-signaling role in branding and marketing, communicating reliability, professionalism, and competence to consumers. Research shows blue increases perceived quality and trustworthiness in logo and product contexts, making it the top color choice for technology, finance, and healthcare brands seeking dependable brand perception.

The numbers back this up. Blue is reportedly the most widely used color in global branding, appearing in logos for companies like IBM, Samsung, Ford, PayPal, Facebook, and American Express. These are not coincidences.

That said, blue is not always the right answer. It can read as cold or distant when overused without warm accents. In food marketing, blue is generally avoided because it does not stimulate appetite. You will rarely see a fast food chain lean heavily on blue.

Shade selection in branding matters a lot more than most clients realize. Navy signals authority and tradition. Royal blue communicates energy and confidence. Tiffany blue, a specific light blue, communicates luxury and exclusivity. They are all “blue” but they send very different signals.

If you are building out a brand system, the brand guidelines should specify exact hex, RGB, and CMYK values for every blue used. Slight variations across applications erode trust faster than most people expect. A brand style guide locks this in.

One more thing worth noting: blue is often paired with specific typography to reinforce its message. A sans-serif font next to a clean blue creates a modern, tech-forward feel. A serif font paired with navy reads as classic and established. The combination matters as much as the color itself.

FAQ on Blue Color

What does the color blue symbolize?

Blue symbolizes trust, calm, and reliability. It is closely tied to the sky and ocean, which is why it reads as open and steady.

In branding and color psychology, it consistently signals professionalism and dependability across cultures.

What is the hex code for blue?

The hex code for pure blue is #0000FF. Its RGB values are (0, 0, 255), and its CMYK values are C:100, M:100, Y:0, K:0.

These values apply to digital and print work. For conversions, a HEX to RGB converter handles the math instantly.

Is blue a warm or cool color?

Blue is a cool color. It sits on the cool side of the color wheel alongside greens and purples, opposite warm colors like red, orange, and yellow.

Cool tones tend to recede visually, which makes blue feel calm and spacious rather than intense.

What colors go well with blue?

Blue pairs well with white, gray, gold, green, and orange. Orange is its direct complementary color on the wheel, creating maximum contrast.

For softer combinations, try blue with neutral palettes or analogous tones like cyan and violet.

What are the most popular shades of blue?

The most used shades include navy blue, sky blue, royal blue, cobalt blue, and baby blue.

Each sits at a different point on the brightness and saturation scale, making them suited to different design contexts and emotional tones.

What color does blue make when mixed with other colors?

Blue mixed with yellow makes green. Blue and red produce purple. Blue and white create lighter tints like powder blue or pastel blue.

See exactly what color blue and yellow make or what blue and orange produce for detailed mixing results.

Why is blue used so much in branding?

Blue dominates branding because it consistently communicates trust, competence, and stability. IBM, Samsung, Ford, and PayPal all use it for exactly that reason.

It is also broadly liked across demographics, making it a low-risk, high-impact choice for companies targeting wide audiences.

What is the difference between blue and navy?

Navy blue (#000080) is a much darker, lower-saturation version of pure blue. It carries more authority and formality.

Pure blue reads as energetic and direct. Navy reads as traditional and serious. The two serve different design purposes despite both being “blue.”

How does blue affect mood and behavior?

Blue is known to reduce tension and slow the heart rate slightly. It creates a sense of calm and focus, which is why it appears heavily in healthcare and productivity environments.

Darker shades can feel cold if overused without warm accents nearby.

What is the complementary color of blue?

The complementary color of blue is orange. They sit directly opposite each other on the color wheel, creating high contrast and strong visual energy when paired.

This is one of the most used pairings in sports branding and retail design for exactly that reason.

Conclusion

This article on blue color has covered the full picture, from hex codes and CMYK values to shades, color combinations, and real-world applications across design and branding.

Blue is not a single thing. It shifts from the quiet calm of powder blue to the authority of dark blue, each shade carrying its own weight and purpose.

Understanding blue color psychology, its position on the color palette, and how it interacts with complementary and monochrome colors gives you sharper control over any design decision.

Whether you are working on a logo, an interior scheme, or a full brand system, blue remains one of the most dependable, versatile choices available.

Use it with intention and it will do exactly what you need.

• 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)

• What Is an Extended Font and When to Use It in Design? - 9 August 2026
• The Linear Logo History, Colors, Font, And Meaning - 8 August 2026
• The Best Gamma Alternative for Business Presentations in 2026 - 7 August 2026