What Colors Make Blue?

Can You Mix Colors to Make Blue?

Blue is one of the three primary colors in the RGB (Red, Green, Blue) and RYB (Red, Yellow, Blue) color models. Because it is a primary color, you cannot mix any other colors to create true blue. If you're trying to make blue by combining other colors, you may only end up with hues close to blue, such as teal or purple.

However, in the CMYK color model (used in printing), blue can be created by mixing cyan and magenta. This is because CMYK is a subtractive color model, while RGB and RYB are additive color models.

Blue in the RGB Color Model

In digital design and screens, the RGB color model is used. Blue in RGB is created by setting the blue channel to its maximum value while keeping red and green at zero. In other words:
RGB(0, 0, 255)

Since RGB is an additive color model, blue is a primary light color and cannot be made by mixing others. Here are some common blue shades in RGB:

• Navy Blue: RGB(0, 0, 128)
• Royal Blue: RGB(65, 105, 225)
• Sky Blue: RGB(135, 206, 235)
• Baby Blue: RGB(137, 207, 240)

Blue in the CMYK Color Model

The CMYK model (used in printing) is subtractive and uses Cyan, Magenta, Yellow, and Black. Blue is created in CMYK by mixing cyan and magenta:
Cyan + Magenta = Blue

This makes CMYK unique because while blue is a primary color in RYB and RGB, it is a secondary color in CMYK. Here are some common blue shades in CMYK:

• Process Blue: C:100 M:100 Y:0 K:0
• Navy Blue: C:100 M:100 Y:0 K:50
• Light Blue: C:50 M:0 Y:0 K:0

Why Is Blue a Primary Color?

In traditional color theory and modern digital applications, blue is a building block for mixing other colors. Along with red and yellow (or green in RGB), blue forms the basis for creating a wide range of colors like green (blue + yellow) or purple (blue + red).

Blue is considered a primary color because:

• It cannot be created by mixing other colors in the RGB or RYB models
• It is one of the three basic colors that can create all other colors
• It is a fundamental color in both additive (RGB) and subtractive (RYB) color systems

What Happens When You Mix Blue With Other Colors?

While you can't make blue by mixing other colors, you can create many different shades and tones by mixing blue with other colors:

• Blue + Yellow = Green (in RYB model)
• Blue + Red = Purple (in RYB model)
• Blue + White = Light Blue (Tint)
• Blue + Black = Navy (Shade)
• Blue + Green = Teal
• Blue + Gray = Slate Blue

Common Shades of Blue and Their Color Codes

Here are some popular shades of blue with their RGB and CMYK values:

The Psychology & Culture of Blue

Real-World Case Study: FinTech Brand Redesign

Let's examine how "SecureBank" (anonymized), a leading financial technology company, successfully redesigned their brand identity using strategic blue color choices. This case study demonstrates the practical application of blue in fintech design.

Designer Insights & Professional Perspectives

When & Where to Use Blue

How to Implement Blue in Code

:root {
  /* Blue Color Palette */
  --blue-50: #eff6ff;
  --blue-100: #dbeafe;
  --blue-200: #bfdbfe;
  --blue-300: #93c5fd;
  --blue-400: #60a5fa;
  --blue-500: #3b82f6;
  --blue-600: #2563eb;
  --blue-700: #1d4ed8;
  --blue-800: #1e40af;
  --blue-900: #1e3a8a;
  
  /* Custom Blue Shades */
  --trust-blue: rgb(30, 64, 175);
  --tech-blue: rgb(59, 130, 246);
  --calm-blue: rgb(147, 197, 253);
  --corporate-blue: rgb(0, 51, 153);
}

import React from 'react';

const BlueButton = ({ variant = 'primary', children, ...props }) => {
  const buttonStyles = {
    primary: 'bg-blue-600 hover:bg-blue-700 text-white',
    secondary: 'bg-blue-100 hover:bg-blue-200 text-blue-800',
    outline: 'border-2 border-blue-600 text-blue-600 hover:bg-blue-50',
    trust: 'bg-blue-800 hover:bg-blue-900 text-white shadow-lg'
  };
  
  return (
    
      {children}
    
  );
};

export default BlueButton;

import 'package:flutter/material.dart';

class BlueTheme {
  static const Color primaryBlue = Color(0xFF2563EB);
  static const Color lightBlue = Color(0xFFDBEAFE);
  static const Color darkBlue = Color(0xFF1E3A8A);
  
  static ThemeData get theme => ThemeData(
    primarySwatch: Colors.blue,
    colorScheme: ColorScheme.light(
      primary: primaryBlue,
      secondary: lightBlue,
      surface: Colors.white,
      onPrimary: Colors.white,
      onSecondary: darkBlue,
    ),
    elevatedButtonTheme: ElevatedButtonThemeData(
      style: ElevatedButton.styleFrom(
        backgroundColor: primaryBlue,
        foregroundColor: Colors.white,
        padding: EdgeInsets.symmetric(horizontal: 24, vertical: 12),
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(8),
        ),
      ),
    ),
  );
}

// JavaScript function to check contrast ratio
function checkBlueContrast(foreground, background) {
  const getLuminance = (r, g, b) => {
    const [rs, gs, bs] = [r, g, b].map(c => {
      c = c / 255;
      return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
    });
    return 0.2126 * rs + 0.7152 * gs + 0.0722 * bs;
  };
  
  const l1 = getLuminance(...foreground);
  const l2 = getLuminance(...background);
  const ratio = (Math.max(l1, l2) + 0.05) / (Math.min(l1, l2) + 0.05);
  
  return {
    ratio: ratio.toFixed(2),
    passes: ratio >= 4.5, // WCAG AA standard
    level: ratio >= 7 ? 'AAA' : ratio >= 4.5 ? 'AA' : 'Fail'
  };
}

// Test blue combinations
console.log(checkBlueContrast([255, 255, 255], [37, 99, 235])); // White on blue
console.log(checkBlueContrast([37, 99, 235], [255, 255, 255])); // Blue on white

Final Thoughts: How to Get Blue?

If you're using paints, inks, or digital tools, remember: you can't create pure blue by mixing other colors. It's a primary color in most models and needs to be used as is. However, you can create different shades, tints, and tones of blue by mixing it with other colors.

Want to explore more color combinations? Use our interactive color mixing tool to visualize what colors make what!