Appearance

Blue Color Code: HEX #0000FF and RGB Code Values ​

Looking for specific blue color codes? Get the exact blue hex code (#0000FF) and blue RGB code (rgb(0,0,255)). Complete color information for design and development projects.

Visual example of the classic blue color with hex code #0000FF
HEX#0000FF
RGBrgb(0,0,255)

Shades of Blue ​

Create custom shades of blue with our color generator. Adjust hues, tints, and tones to find the perfect shade of blue for your project.

🎨

Shades (Adding Black)

  • 0000FF
    rgb(0, 0, 255)
  • 1E0BD0
    rgb(30, 11, 208)
  • 2510A3
    rgb(37, 16, 163)
  • 241178
    rgb(36, 17, 120)
  • 1F104F
    rgb(31, 16, 79)
  • 170B2A
    rgb(23, 11, 42)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • 0000FF
    rgb(0, 0, 255)
  • 683EFF
    rgb(104, 62, 255)
  • 9266FF
    rgb(146, 102, 255)
  • B38CFF
    rgb(179, 140, 255)
  • CFB2FF
    rgb(207, 178, 255)
  • E8D8FF
    rgb(232, 216, 255)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • 0000FF
    rgb(0, 0, 255)
  • 3318E9
    rgb(51, 24, 233)
  • 4727CD
    rgb(71, 39, 205)
  • 5233AE
    rgb(82, 51, 174)
  • 563D8E
    rgb(86, 61, 142)
  • 54456D
    rgb(84, 69, 109)
  • 808080
    rgb(128, 128, 128)

Blue Palette ​

Explore curated and automatically generated color palettes featuring blue. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#CBCBFF
Light
#A891FF
Medium Light
#7855FF
Medium
#0000FF
Medium Dark
#010EB3
Dark
#010E6D
Darkest
#03012F

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#0000FF
Left Dark
#7B4FFF
Left Medium
#AE87FD
Left Light
#D5BDFA
Neutral
#F5F5F5
Right Light
#FDF7C8
Right Medium
#FFFA99
Right Dark
#FFFC65
Complementary End
#FFFF00

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#B38BFF
Medium
#0000FF
Dark
#0000CF
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#00FFFF
Left Adjacent 1
#007FFF
Main
#0000FF
Right Adjacent 1
#7F00FF
Right Adjacent 2
#FF00FF

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#0000FF
Complementary
#FFFF00

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#0000FF
Secondary
#FF0000
Tertiary
#00FF00

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#0000FF
Right 90°
#FF0080
Complementary
#FFFF00
Left 90°
#00FF80

Tetradic

Two pairs of complementary colors

4 colors
Main
#0000FF
Secondary
#FF00FF
Complementary
#FFFF00
Complementary Secondary
#00FF00

Split Complementary

Complementary colors ±30°

3 colors
Main
#0000FF
Split Left
#FF8000
Split Right
#80FF00

Cyclic

Circular gradient for periodic data

8 colors
0°
#0000FF
45°
#BF00FF
90°
#FF0080
135°
#FF4000
180°
#FFFF00
225°
#40FF00
270°
#00FF80
315°
#00BFFF

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#9C9CC9
Pastel 1
#A9A9D1
Pastel 2
#B6B6D8
Pastel 3
#C3C3DF
Pastel 4
#D1D1E6
Deep Pastel
#DEDEED

Common Blue Color Codes (HEX & RGB) ​

Blue
HEX:#0000FF
RGB:rgb(0, 0, 255)
Navy Blue
HEX:#000080
RGB:rgb(0, 0, 128)
Dark Blue
HEX:#00008B
RGB:rgb(0, 0, 139)
Light Blue
HEX:#ADD8E6
RGB:rgb(173, 216, 230)
Royal Blue
HEX:#4169E1
RGB:rgb(65, 105, 225)
Sky Blue
HEX:#87CEEB
RGB:rgb(135, 206, 235)
Baby Blue
HEX:#89CFF0
RGB:rgb(137, 207, 240)
Electric Blue
HEX:#7DF9FF
RGB:rgb(125, 249, 255)
Indigo
HEX:#4B0082
RGB:rgb(75, 0, 130)
Turquoise
HEX:#40E0D0
RGB:rgb(64, 224, 208)
Cyan
HEX:#00FFFF
RGB:rgb(0, 255, 255)

All Blue Colors ​

Browse all 69 blue colors with exact hex and RGB values:

Understanding Blue: The Color of Calm and Trust ​

Blue is one of the most universally loved colors, representing everything from the sky above to the oceans below. It's a color that evokes feelings of calmness, trust, and stability. Blue has played a significant role in art, culture, and design throughout history.

The Science of Blue ​

Blue is a primary color in the RGB color model and sits at the short-wavelength end of the visible spectrum. It's the color of the sky on a clear day and the deep ocean depths. In color theory, blue is essential for creating secondary colors like purple (blue + red) and green (blue + yellow).

Cultural Significance of Blue ​

Blue carries different meanings across cultures:

  • Western Cultures: Blue represents trust, loyalty, and stability. It's the color of corporations and financial institutions.
  • Eastern Cultures: In China, blue symbolizes healing and immortality. In India, it's associated with the divine.
  • Middle East: Blue is a sacred color, often used in mosque architecture and religious art.
  • Ancient Cultures: Egyptians used blue for protection, while Greeks associated it with the gods.

Blue in Nature ​

Blue appears in stunning natural phenomena:

  • Sky: From pale azure at dawn to deep indigo at dusk
  • Ocean: Turquoise shallows to midnight blue depths
  • Flowers: Hydrangeas, delphiniums, and cornflowers
  • Birds: Blue jays, kingfishers, and bluebirds
  • Butterflies: Morpho butterflies with iridescent blue wings

Extract Blue Hex & RGB Codes from Image ​

Upload a photo to find the exact blue HEX and RGB codes.

click or drag your image here
Supported formats: JPG, PNG, WebP

Blue Color Code Converter ​

Instantly convert between HEX, RGB, CMYK, and more.

🎨

All Formats:

  • HEX:
    #0000FF
  • RGB:
    rgb(0, 0, 255)
  • CMYK:
    cmyk(100%, 100%, 0%, 0%)
  • HSV:
    hsv(240°, 100%, 100%)
  • HSL:
    hsl(240°, 100%, 50%)

Blue Color Psychology ​

Blue is a calming color that affects our mood and behavior:

Positive Associations ​

  • Trust and loyalty: Corporate logos use blue extensively
  • Calm and relaxation: Blue bedrooms promote restful sleep
  • Wisdom and intelligence: Academic institutions often use blue
  • Stability and reliability: Financial brands choose blue
  • Freedom and expansiveness: Sky and ocean evoke freedom

Negative Associations ​

  • Sadness and melancholy: "Feeling blue"
  • Coldness and distance: Too much blue can feel uninviting
  • Depression: Clinical depression is sometimes called "the blues"

Psychological Effects ​

  • Blue lowers heart rate and blood pressure
  • It creates a sense of spaciousness and tranquility
  • Blue enhances concentration and productivity
  • It's associated with cleanliness and hygiene

Using Blue in Design ​

Blue is a versatile color that works across many design disciplines:

Web Design ​

  • Blue is the most trusted color for websites
  • Use lighter blues for backgrounds to create calmness
  • Darker blues convey professionalism and authority
  • Blue CTAs often outperform other colors

Graphic Design ​

  • Blue works well in corporate identity design
  • Use complementary schemes (blue and orange) for energy
  • Monochromatic blue schemes create sophisticated designs
  • Blue is excellent for infographics and data visualization

Branding ​

  • Financial institutions use blue for trust (Chase, American Express)
  • Tech companies use blue for innovation (IBM, Dell)
  • Social media platforms use blue for connectivity (Facebook, Twitter)
  • Healthcare brands use blue for cleanliness and trust

Interior Design ​

  • Blue creates serene, peaceful spaces
  • Light blues make rooms feel larger
  • Navy blue adds sophistication and depth
  • Blue pairs beautifully with white, beige, and gold

Blue Color Harmonies ​

Blue pairs beautifully with many colors:

Complementary Colors ​

  • Blue and Orange: High-energy, vibrant combination
  • Blue and Yellow: Cheerful, optimistic pairing

Analogous Colors ​

  • Blue, Purple, Violet: Cool, calming schemes
  • Blue, Cyan, Teal: Ocean-inspired palettes

Triadic Colors ​

  • Blue, Red, Yellow: Primary color harmony
  • Blue, Orange, Yellow: Warm-cool balance

Monochromatic ​

  • Various shades of blue create depth and sophistication

Split Complementary ​

  • Blue with red-orange and yellow-orange creates balanced contrast

Blue in Fashion ​

Blue is a staple color in fashion:

  • Denim: Blue jeans are a global fashion icon
  • Navy: A classic color for professional wear
  • Sky blue: Popular in spring and summer collections
  • Royal blue: Makes a bold, regal statement
  • Baby blue: Soft, feminine, and nostalgic

Blue Color Variations ​

Our comprehensive collection includes:

  • Light Blues: Sky Blue, Baby Blue, Powder Blue
  • Mid Blues: Azure, Cerulean, Cornflower Blue
  • Dark Blues: Navy, Indigo, Midnight Blue
  • Cool Blues: Cyan, Teal, Turquoise
  • Purple Blues: Periwinkle, Lavender Blue
  • Green Blues: Aqua, Aquamarine, Blue-Green

Frequently Asked Questions ​

What is the hex code for pure blue? ​

The hex code for pure blue is #0000FF.

What are the RGB values for blue? ​

Blue RGB values are rgb(0, 0, 255).

What colors complement blue? ​

Blue's complementary color is orange. Blue also pairs well with white, yellow, and purple.

Is blue a warm or cool color? ​

Blue is considered a cool color due to its association with water and sky.

What does blue symbolize? ​

Blue symbolizes trust, calmness, wisdom, and stability.

How do I create different shades of blue? ​

Add white to create lighter blues, add black to create deeper blues, and add green or purple to create different undertones.