Hey friend! I've moved all my Bible studies and devotionals to Search His Pages
#0020C2
PANTONE 293 C
COLOR GUIDE Cool-Intense

Cobalt Blue

Intense, Vibrant, and Electric
Hex
#0020C2
RGB
0, 32, 194
CMYK
100%, 84%, 0%, 24%
HSL
230°, 100%, 38%
ABOUT & ORIGIN

What is Cobalt Blue? Where does the name come from?

Also known as: Royal Blue, Electric Blue

Cobalt Blue is an intense, vibrant shade that gets its name from the cobalt oxide used to create the pigment. It’s one of the most powerful blues in the spectrum, known for its electric, almost neon quality. Cobalt Blue has been used by artists for centuries — from ancient Egyptian ceramics to the stained glass windows of medieval cathedrals — and it continues to captivate with its pure, unadulterated intensity.

Designer note:

Cobalt Blue is often confused with Royal Blue (which is slightly warmer) or Electric Blue (which is brighter and more neon). Its superpower is its intensity — Cobalt Blue is one of the most saturated blues available, making it perfect for brands that want to stand out.

MEANING SPECIFIC TO COBALT BLUE

Psychology of Cobalt Blue

Cobalt Blue is associated with energy, intensity, and modernity. It’s a color that demands attention and inspires creativity. In color psychology, Cobalt Blue is linked to intelligence and clear thinking, making it a popular choice for tech and innovation brands. It’s also associated with clarity and focus, helping to stimulate mental activity. Unlike softer blues, Cobalt Blue is assertive and dynamic, perfect for brands that want to appear cutting-edge.

Where you'll see it

• Tech and innovation branding to convey modernity and intelligence
• Sports teams and merchandise for high-energy, competitive brands
• Modern and minimalist design as a bold accent color
• Youth and energy-focused marketing campaigns
• Automotive design — Cobalt Blue is a popular sports car color

🎨 COLOR HARMONIES USING COBALT BLUE

Find The Perfect Cobalt Blue Color Palette

Cobalt Blue Color Palettes

Complementary
#0020c2
#c2a200
Monochromatic
#3252f4
#1939db
#0020c2
#0007a9
#000090
Triadic
#0020c2
#c20020
#20c200
Analogous
#00c2a2
#0081c2
#0020c2
#4100c2
#a200c2
Shades
#001ca7
#00178c
#001371
#000e55
Tints
#334dce
#6679da
#99a6e7
#ccd2f3
Want to make your own palette?
Generate palettes from any photo
Use Palette Generator →
USING COBALT BLUE

Tips & Ideas On Where To Use Cobalt Blue

Interior & Decor

Cobalt Blue makes a dramatic statement in interiors. Use it sparingly — as an accent wall, a piece of furniture, or artwork — to add a modern, energetic touch to any room. It pairs beautifully with crisp white, charcoal gray, and warm woods. For a more daring look, combine Cobalt Blue with bright yellow or orange for high-impact contrast. In contemporary design, Cobalt Blue is often used as a pop of color against neutral backgrounds, adding personality and edge.

Best white to pair: #FFFFFF - Pure White

Fashion & Style

Cobalt Blue is a bold, modern color for fashion. A cobalt blue dress, suit, or accessory makes a confident statement that’s both stylish and memorable. It’s particularly popular in streetwear and activewear, where its energetic quality shines. For a more subtle approach, try Cobalt Blue in accessories — a handbag, shoes, or scarf — to add a pop of color to neutral outfits. It’s also a popular color for swimwear and resort wear.

Design Tips

• Use Cobalt Blue sparingly for maximum impact — it’s an intense color that can overwhelm
• Pairs beautifully with white, yellow, and charcoal gray
• In UI design, Cobalt Blue works well for interactive elements and calls to action
• For branding, Cobalt Blue conveys innovation and modernity, but may feel too cold without warm accents
• Cobalt Blue is excellent for creating visual hierarchy in digital design

ACCESSIBILITY

How To Use Cobalt Blue For Text & Backgrounds

WCAG AA 4.5:1
On Black Background
Slate Blue Heading
This is how paragraph text looks when Cobalt Blue is used on a dark background.
Checking…
On White Background
Slate Blue Heading
This is how paragraph text looks when Cobalt Blue is used on a light background.
Checking…
Cobalt Blue As Background
White on Cobalt Blue
Paragraph text on a Cobalt Blue background - does it remain readable?
Checking…
Black on Cobalt Blue
Black on Cobalt Blue
Paragraph text on a Cobalt Blue background with black text - does it remain readable?
Checking…
Not quite passing? Adjust shades until you get 4.5:1
Open Contrast Checker →
FREE COLOR TOOLS

Use Our Free Tools To Find The Perfect Colors To Use With Cobalt Blue

EXPLORE MORE

Visit Our Other Color Libraries

Quick Codes

HEX #0020C2
RGB 0, 32, 194
CMYK 100%, 84%, 0%, 24%
LRV 8

At a Glance

FamilyBlue
TempCool
UndertoneBlue

Pairs Well With

Cobalt Blue #0020C2
Lightest Tint #ccd2f3
Darkest Shade #000e55
Analogous Left #0081c2
Analogous Right #4100c2
Complementary #c2a200