Cobalt Blue Color Code: HEX Code & RGB Code Values

Looking for specific cobalt blue color code? Get exact cobalt blue hex code #0047AB and cobalt blue RGB code rgb(0,71,171). Complete color information for design and development projects featuring this vibrant, intense color.

HEX#0047AB

RGBrgb(0,71,171)

Shades of Cobalt Blue

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

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• 0047AB

  rgb(0, 71, 171)
• 133B8C

  rgb(19, 59, 140)
• 18306F

  rgb(24, 48, 111)
• 182653

  rgb(24, 38, 83)
• 161B38

  rgb(22, 27, 56)
• 10111F

  rgb(16, 17, 31)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 0047AB

  rgb(0, 71, 171)
• 4D62B9

  rgb(77, 98, 185)
• 757FC8

  rgb(117, 127, 200)
• 999DD6

  rgb(153, 157, 214)
• BCBDE4

  rgb(188, 189, 228)
• DDDDF1

  rgb(221, 221, 241)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 0047AB

  rgb(0, 71, 171)
• 2347A0

  rgb(35, 71, 160)
• 344891

  rgb(52, 72, 145)
• 3F4981

  rgb(63, 73, 129)
• 464A71

  rgb(70, 74, 113)
• 4B4C5F

  rgb(75, 76, 95)
• 808080

  rgb(128, 128, 128)

Cobalt Blue Palette

Explore curated and automatically generated color palettes featuring cobalt 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

#70B0FF

Light

#558CE3

Medium Light

#3668C7

Medium

#0047AB

Medium Dark

#133374

Dark

#131F42

Darkest

#040A15

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#0047AB

Left Dark

#606EBE

Left Medium

#9599D1

Left Light

#C5C6E3

Neutral

#F5F5F5

Right Light

#E9CFB9

Right Medium

#D8AA7F

Right Dark

#C48647

Complementary End

#AB6400

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#999DD6

Medium

#0047AB

Dark

#00247F

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#00AB64

Left Adjacent 1

#009DAB

Main

#0047AB

Right Adjacent 1

#0E00AB

Right Adjacent 2

#6400AB

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#0047AB

Complementary

#AB6400

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#0047AB

Secondary

#AB0047

Tertiary

#47AB00

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#0047AB

Right 90°

#AB009D

Complementary

#AB6400

Left 90°

#00AB0E

Tetradic

Two pairs of complementary colors

4 colors

Main

#0047AB

Secondary

#6400AB

Complementary

#AB6400

Complementary Secondary

#47AB00

Split Complementary

Complementary colors ±30°

3 colors

Main

#0047AB

Split Left

#AB0E00

Split Right

#9DAB00

Cyclic

Circular gradient for periodic data

8 colors

0°

#0047AB

45°

#3900AB

90°

#AB009D

135°

#AB001C

180°

#AB6400

225°

#72AB00

270°

#00AB0E

315°

#00AB8F

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#9CAFC9

Pastel 1

#A9B9D1

Pastel 2

#B6C4D8

Pastel 3

#C3CFDF

Pastel 4

#D1D9E6

Deep Pastel

#DEE4ED

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 Cobalt Blue Hex & RGB Codes from Image

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

click or drag your image here

Supported formats: JPG, PNG, WebP

Cobalt Blue Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for cobalt blue shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #0047AB
• RGB:
  rgb(0, 71, 171)
• CMYK:
  cmyk(100%, 58%, 0%, 33%)
• HSV:
  hsv(215°, 100%, 67%)
• HSL:
  hsl(215°, 100%, 34%)

---

What is Cobalt Blue?

Cobalt blue is a deep, vibrant blue pigment produced from cobalt salts. The color has been used since ancient times, with evidence of cobalt blue glass found in Egyptian tombs dating back to 1500 BCE. In the 19th century, synthetic cobalt blue became widely available, revolutionizing painting and ceramics. Today, it's prized for its intensity and permanence.

The hex code for cobalt blue is #0047AB, with RGB values of rgb(0, 71, 171). The color features strong blue with minimal green and no red, creating a deep yet vibrant appearance. Its CMYK values emphasize cyan with moderate magenta, producing a rich, jewel-toned blue in print.

Cobalt Blue vs Similar Colors

Cobalt blue stands out among deep blues:

Color	HEX Code	Key Difference
Cobalt Blue	#0047AB	Deep, intense blue
Royal Blue	#4169E1	Brighter, more approachable
Navy Blue	#000080	Darker, more muted
Ultramarine	#120A8F	More purple-leaning

Cobalt blue is more vibrant than navy but deeper than royal blue. It has a cleaner, more intense quality than ultramarine.

Using Cobalt Blue in Design

Cobalt blue's intensity makes it impactful:

Web and UI Design: Cobalt blue works well as an accent color for tech brands, creative agencies, and premium products. It creates memorable CTAs and striking hero sections. Use sparingly to avoid overwhelming the design.

Graphic Design: Cobalt blue shines in packaging, book covers, and corporate branding. It pairs beautifully with gold, white, and coral for elegant designs.

Art and Craft: A favorite among painters, cobalt blue is a primary color in many artist palettes. It's also popular in ceramics and glassmaking.

Frequently Asked Questions

What is the cobalt blue hex code?

The cobalt blue hex code is #0047AB. This deep vibrant blue is widely used in design and art.

What colors go well with cobalt blue?

Cobalt blue pairs beautifully with gold, white, cream, coral, and mustard yellow.

Is cobalt blue the same as royal blue?

No. Cobalt blue (#0047AB) is deeper and more intense than royal blue (#4169E1).

What are the RGB values for cobalt blue?

The cobalt blue RGB code is rgb(0, 71, 171) — strong blue with minimal green.

What is cobalt blue's CMYK value?

Cobalt blue CMYK is approximately C:100, M:58, Y:0, K:33, producing its characteristic deep blue in print.