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.

HEX#0000FF

RGBrgb(0,0,255)

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

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.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• 3B82F6

  rgb(59, 130, 246)
• 376BC8

  rgb(55, 107, 200)
• 31559D

  rgb(49, 85, 157)
• 294073

  rgb(41, 64, 115)
• 202C4C

  rgb(32, 44, 76)
• 151928

  rgb(21, 25, 40)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 3B82F6

  rgb(59, 130, 246)
• 6D95F8

  rgb(109, 149, 248)
• 91A9FA

  rgb(145, 169, 250)
• AFBEFC

  rgb(175, 190, 252)
• CBD3FD

  rgb(203, 211, 253)
• E5E9FE

  rgb(229, 233, 254)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 3B82F6

  rgb(59, 130, 246)
• 5082E9

  rgb(80, 130, 233)
• 6182D7

  rgb(97, 130, 215)
• 6F83C4

  rgb(111, 131, 196)
• 7983B0

  rgb(121, 131, 176)
• 80849B

  rgb(128, 132, 155)
• 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.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#DAF1FF

Light

#ACD2F3

Medium Light

#7AB5E7

Medium

#3498DB

Medium Dark

#2B6F9F

Dark

#214967

Darkest

#142634

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#3498DB

Left Dark

#76AEE2

Left Medium

#A4C5E9

Left Light

#CEDDEF

Neutral

#F5F5F5

Right Light

#F5D5C3

Right Medium

#F1B593

Right Dark

#E89664

Complementary End

#DB7734

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#A9CAED

Medium

#3498DB

Dark

#004D89

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#34DB77

Left Adjacent 1

#34DBCB

Main

#3498DB

Right Adjacent 1

#3445DB

Right Adjacent 2

#7734DB

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#3498DB

Complementary

#DB7734

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#3498DB

Secondary

#DB3498

Tertiary

#98DB34

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#3498DB

Right 90°

#CB34DB

Complementary

#DB7734

Left 90°

#45DB34

Tetradic

Two pairs of complementary colors

4 colors

Main

#3498DB

Secondary

#7734DB

Complementary

#DB7734

Complementary Secondary

#98DB34

Split Complementary

Complementary colors ±30°

3 colors

Main

#3498DB

Split Left

#DB3444

Split Right

#DBCB34

Cyclic

Circular gradient for periodic data

8 colors

0°

#3498DB

45°

#4D34DB

90°

#CB34DB

135°

#DB346E

180°

#DB7734

225°

#C2DB34

270°

#45DB34

315°

#34DBA1

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#A2B6C3

Pastel 1

#AFBFCB

Pastel 2

#BBC9D3

Pastel 3

#C7D3DB

Pastel 4

#D4DDE3

Deep Pastel

#E0E7EB

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)

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.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #ECB12E
• RGB:
  rgb(236, 177, 46)
• CMYK:
  cmyk(0%, 25%, 81%, 7%)
• HSV:
  hsv(41°, 81%, 93%)
• HSL:
  hsl(41°, 83%, 55%)

---

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.